import { copy } from './copy';

export function NotFoundPage() {
  return <section className="state-page not-found" role="status">
    <span className="state-icon" aria-hidden="true">404</span>
    <p className="eyebrow">{copy.notFound.eyebrow}</p>
    <h1>{copy.notFound.title}</h1>
    <p>{copy.notFound.detail}</p>
    <div className="state-page-actions"><a className="button" href="/">{copy.notFound.home}</a><a className="button button--secondary" href="/inventory">{copy.notFound.inventory}</a></div>
  </section>;
}