"use client";

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

export default function DashboardError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <div role="alert" className="rounded-lg border border-border bg-card p-8 text-center">
      <h2 className="font-semibold">This page could not be loaded</h2>
      <p className="mt-1 text-sm text-muted-foreground">Something went wrong on our side. Your data has not been changed.</p>
      <Button className="mt-4" onClick={reset}>Try again</Button>
    </div>
  );
}