"use client"

import { AlertCircle } from "lucide-react"

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

export default function TeacherDiagnosticError({
  reset,
}: {
  error: Error & { digest?: string }
  reset: () => void
}) {
  return (
    <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
      <EmptyState
        icon={AlertCircle}
        title="学情诊断页面加载失败"
        description="抱歉，页面加载时发生了意外错误。请稍后重试。"
        action={{
          label: "重试",
          onClick: () => reset(),
        }}
        className="border-none shadow-none h-auto"
      />
    </div>
  )
}
