const NotFound = () => {
  const { go, t } = useApp();
  return (
    <div className="nf">
      <div className="nf-inner">
        <div className="nf-code">404</div>
        <div className="nf-line"/>
        <div className="eyebrow" style={{marginBottom:12}}>{t('Seite nicht gefunden')}</div>
        <h1 className="nf-title">{t('Hier ist nichts.')}</h1>
        <p className="nf-text">{t('Das Piece, das du suchst, existiert nicht oder nicht mehr. Vielleicht findest du es in unserer Kollektion.')}</p>
        <div className="nf-actions">
          <button className="btn brass" onClick={()=>go({page:'shop'})}>{t('Alle Pieces')} <Icon name="arrow"/></button>
          <button className="btn ghost" onClick={()=>go({page:'home'})}>{t('Zur Startseite')} <Icon name="arrow"/></button>
        </div>
      </div>
    </div>
  );
};

Object.assign(window, { NotFound });