import { Bell, Radio, TabletSmartphone, Wrench } from "lucide-react";

import { ModulePage } from "@/modules/shared/components/ModulePage";

export function DevicesModulePage(): React.ReactElement {
  return (
    <ModulePage
      title="设备运维"
      eyebrow="设备台账与维修工单"
      description="待接入设备台账、故障上报、维修派单、处理记录和状态恢复数据源。"
      icon={Wrench}
      phase="待接入"
    />
  );
}

export function FamilyModulePage(): React.ReactElement {
  return (
    <ModulePage
      title="家属服务"
      eyebrow="家属端与探访反馈"
      description="二期计划接入家属授权、老人动态、探访预约和服务反馈数据源。"
      icon={TabletSmartphone}
      phase="二期预留"
    />
  );
}

export function NoticesModulePage(): React.ReactElement {
  return (
    <ModulePage
      title="公告通知"
      eyebrow="公告发布与阅读状态"
      description="待接入公告草稿、发布范围、阅读状态和通知记录数据源。"
      icon={Bell}
      phase="待接入"
    />
  );
}

export function AlertsModulePage(): React.ReactElement {
  return (
    <ModulePage
      title="规则预警"
      eyebrow="规则中心与风险识别"
      description="三期计划接入健康阈值、任务逾期、设备故障、应急事件和风险老人识别规则。"
      icon={Radio}
      phase="三期预留"
    />
  );
}