import { Link } from 'react-router-dom'
import EmptyState from '../components/EmptyState'

export default function NotFound() {
  return (
    <div className="page">
      <div className="notfound">
        <h1>404</h1>
        <EmptyState message="Cette page n'existe pas — mais nos produits québécois, oui.">
          <Link className="btn btn-primary" to="/">
            Retour à l'accueil
          </Link>
        </EmptyState>
      </div>
    </div>
  )
}