import { Shield } from 'lucide-react'
import PageGuide from '../components/ui/PageGuide'
import CommercialInsuranceTab from './social-insurance/CommercialInsuranceTab'

export default function CommercialInsurance() {
  return (
    <div className="space-y-4">
      <div className="flex items-center gap-2">
        <Shield className="h-5 w-5 text-primary" />
        <div>
          <h1 className="text-base font-semibold">商业保险</h1>
          <p className="mt-1 text-sm text-gray-500">管理商业保险方案、参保人员及保单信息</p>
        </div>
      </div>
      <PageGuide>
        商业保险是社保之外的自愿性补充保障，包括意外伤害险、补充医疗、雇主责任险等。
        点击「新增方案」创建商险计划，选择方案后可查看参保人员列表。
        <span className="text-primary"> 商业保险是系统增值服务模块，支持方案管理、参保人员追踪、保费统计。</span>
      </PageGuide>
      <CommercialInsuranceTab />
    </div>
  )
}
