"use client"

import { Button } from "@/shared/components/ui/button"
import { AlertCircle } from "lucide-react"

export default function AuthError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <div className="flex h-full w-full flex-col items-center justify-center gap-4 p-4 text-center">
      <div className="flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10">
        <AlertCircle className="h-8 w-8 text-destructive" />
      </div>
      <div className="space-y-2">
        <h2 className="text-xl font-bold tracking-tight">Authentication Error</h2>
        <p className="text-sm text-muted-foreground">
          There was a problem signing you in. Please try again.
        </p>
      </div>
      <Button onClick={() => reset()} variant="default" size="sm">
        Try again
      </Button>
    </div>
  )
}
