"use client";

import { Notification } from "@/components/ui";

export default function ErrorBoundary({ reset }: Readonly<{ reset: () => void }>) {
  return (
    <main className="page-container page-stack" id="main-content">
      <h1>We could not display this page</h1>
      <Notification tone="error">
        <p>The page structure encountered an unexpected error. No order or payment was changed.</p>
      </Notification>
      <button className="button" onClick={reset} type="button">
        Try again
      </button>
    </main>
  );
}