import { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@pac/web';

export const PatientCard = () => (
  <Card className="w-[340px]">
    <CardHeader>
      <CardTitle>黄莉 <span className="ml-1 text-sm font-normal text-slate-500">女 · 51 岁</span></CardTitle>
      <CardDescription>杭州高德诊所 · 病历号 ZJ0A034947</CardDescription>
    </CardHeader>
    <CardContent className="text-sm text-slate-700">
      36/46 缺牙及多颗坏牙拖月未治,重要价值新客,建议尽快邀约种植评估。
    </CardContent>
    <CardFooter className="gap-2">
      <Button size="sm">认领</Button>
      <Button size="sm" variant="outline">查看详情</Button>
    </CardFooter>
  </Card>
);

export const Simple = () => (
  <Card className="w-[300px]">
    <CardHeader>
      <CardTitle className="text-base">本周召回统计</CardTitle>
    </CardHeader>
    <CardContent className="text-sm text-slate-600">
      已完成 42 通回访,转化新预约 11 个。
    </CardContent>
  </Card>
);
