import DepartmentShell from '@/components/department-dashboard/DepartmentShell'

export default function CoreMetricLoading() {
  return (
    <DepartmentShell>
      <div className="animate-pulse px-4 text-slate-950 sm:px-6 lg:px-8" aria-label="正在加载指标明细" aria-busy="true">
        <div className="mx-auto max-w-[1600px] py-7">
        <div className="h-16 rounded-lg border border-[#e2e8f0] bg-white" />
        <div className="mt-5 rounded-xl border border-[#e2e8f0] bg-white p-6 sm:p-8">
          <div className="h-12 w-12 rounded-xl bg-[#e7eef7]" />
          <div className="mt-6 h-12 max-w-sm rounded-xl bg-[#e7eef7]" />
          <div className="mt-4 h-6 max-w-2xl rounded-xl bg-[#edf3fa]" />
        </div>
        <div className="mt-5 h-36 rounded-xl border border-[#e2e8f0] bg-white" />
        <div className="mt-5 h-80 rounded-xl border border-[#e2e8f0] bg-white" />
        </div>
      </div>
    </DepartmentShell>
  )
}