import React from 'react'
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 download href={url}>
        <Download />
        <span className="sample-name">
          <strong>{type}</strong> Sample
        </span>
        <span className="sample-download">Download</span>
      </a>
    </div>
  )
}