"use client";
import Link from "next/link";
import { NarrowCard } from "@/components/narrow-card";
import { Button, buttonVariants } from "@/components/ui/button";

export default function ErrorPage({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <NarrowCard title="Sorry" description="Something went wrong on our side. Try again in a moment.">
      <div className="flex gap-2">
        <Button onClick={reset}>Try again</Button>
        <Link href="/" className={buttonVariants({ variant: "outline" })}>
          Home
        </Link>
      </div>
    </NarrowCard>
  );
}