"use client";

import Link from "next/link";

export default function ErrorPage({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <section className="error-page">
      <div className="error-card">
        <p className="eyebrow">500</p>
        <h1>Die Seite konnte nicht geladen werden</h1>
        <p className="lead">Es ist ein technischer Fehler aufgetreten. Bitte versuchen Sie es erneut.</p>
        <div className="actions">
          <button className="button" type="button" onClick={reset}>Erneut versuchen</button>
          <Link className="button light" href="/">Zur Startseite</Link>
        </div>
      </div>
    </section>
  );
}