import { Frown } from 'lucide-react'
import { Alert, AlertDescription, AlertTitle } from '~/components/ui/alert'

export function NotFound({ title = '404: Page Not Found', message = 'Try going back or something …' }) {
  return (
    <Alert variant="info" className="my-3 rounded-md py-10">
      <div className="flex flex-col items-center gap-2 text-center">
        <Frown className="h-8 w-8" />
        <AlertTitle className="mt-4 text-lg">{title}</AlertTitle>
        <AlertDescription className="max-w-sm">{message}</AlertDescription>
      </div>
    </Alert>
  )
}
