import { Tabs, TabsContent, TabsList, TabsTrigger } from '@pac/web';

export const RecallTabs = () => (
  <Tabs defaultValue="pool" className="w-[360px] p-2">
    <TabsList>
      <TabsTrigger value="pool">召回池</TabsTrigger>
      <TabsTrigger value="mine">我的</TabsTrigger>
      <TabsTrigger value="done">已完成</TabsTrigger>
    </TabsList>
    <TabsContent value="pool" className="text-sm text-slate-600 p-2">
      997 位待认领患者,按优先级排序。
    </TabsContent>
    <TabsContent value="mine" className="text-sm text-slate-600 p-2">我认领的 2 位患者。</TabsContent>
    <TabsContent value="done" className="text-sm text-slate-600 p-2">本周已完成 42 通回访。</TabsContent>
  </Tabs>
);
