"use client"

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

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

export default function StudentErrorBookError() {
  const t = useTranslations("student")
  return (
    <div className="p-8">
      <EmptyState
        icon={BookX}
        title={t("error.title")}
        description={t("error.description")}
        action={{ label: t("error.retry"), onClick: () => window.location.reload() }}
        className="border-none shadow-none"
      />
    </div>
  )
}