26 lines
661 B
JavaScript
26 lines
661 B
JavaScript
import React from "react";
|
|
import PropTypes from "prop-types";
|
|
import classNames from "classnames";
|
|
import "./Sample.scss";
|
|
import { Download } from "../../svg";
|
|
|
|
export default function Sample({ type, url, className }) {
|
|
return (
|
|
<div className={classNames("sample", className)}>
|
|
<a href={url} target="_blank" rel="noopener noreferrer">
|
|
<Download />
|
|
<span className="sample-name">
|
|
<strong>{type}</strong> Sample
|
|
</span>
|
|
<span className="sample-download">Download</span>
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
Sample.propTypes = {
|
|
type: PropTypes.string,
|
|
url: PropTypes.string,
|
|
className: PropTypes.string,
|
|
};
|