"use client"

import { useTranslations } from "next-intl"
import { ClipboardList } from "lucide-react"
import { EmptyState } from "@/shared/components/ui/empty-state"

export default function AdminCoursePlanDetailError() {
  const t = useTranslations("coursePlans")
  return (
    <div className="p-8">
      <EmptyState
        icon={ClipboardList}
        title={t("errors.loadFailed")}
        description={t("errors.loadFailedDesc")}
        action={{ label: t("errors.retry"), onClick: () => window.location.reload() }}
        className="border-none shadow-none"
      />
    </div>
  )
}
