import type {FunctionComponent} from 'react'
import {Alert, AlertDescription, AlertTitle} from '@/components/ui/alert.tsx'
import {Terminal} from 'lucide-react'

const ErrorFallback: FunctionComponent = () => {
  return (
    <Alert variant="destructive">
      <Terminal className="h-4 w-4" />
      <AlertTitle>Er ging iets fout</AlertTitle>
      <AlertDescription>
        We konden het weer niet voor u ophalen :). ververs de pagina en probeer opnieuw, of contacteer ons als het
        probleem zich blijft vertonen.
      </AlertDescription>
    </Alert>
  )
}

export default ErrorFallback
