"use client"

import { AlertTriangle } from "lucide-react"
import { useTranslations } from "next-intl"

import { EmptyState } from "@/shared/components/ui/empty-state"

export default function StudentError({
  error,
  reset,
}: {
  error: Error & { digest?: string }
  reset: () => void
}) {
  const t = useTranslations("student")
  return (
    <EmptyState
      icon={AlertTriangle}
      title={t("error.title")}
      description={error.message || t("error.description")}
      action={{ label: t("error.retry"), onClick: reset }}
    />
  )
}