import { AlertTriangle, SearchX } from 'lucide-react'
import { Button } from '@/components/ui/button'

export function RouteError({ error, reset }: { error: Error; reset?: () => void }) {
  return <div className="m-auto flex max-w-lg flex-col items-center gap-3 p-8 text-center"><AlertTriangle className="size-9 text-destructive"/><h1 className="text-xl font-semibold">Algo deu errado</h1><p className="text-muted-foreground">{error.message}</p>{reset ? <Button onClick={reset}>Tentar novamente</Button> : null}</div>
}

export function RouteNotFound() {
  return <div className="m-auto flex max-w-lg flex-col items-center gap-3 p-8 text-center"><SearchX className="size-9 text-muted-foreground"/><h1 className="text-xl font-semibold">Página não encontrada</h1><p className="text-muted-foreground">O endereço acessado não existe.</p></div>
}