"use client";

export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <div className="mx-auto max-w-7xl px-4 py-14 sm:px-6" role="alert">
      <h1 className="text-2xl">This page could not be loaded.</h1>
      <p className="mt-3 max-w-2xl text-sm text-muted">{error.message || "Records could not be loaded."}</p>
      <button type="button" className="btn mt-6" onClick={() => reset()}>Try again</button>
    </div>
  );
}