import { HoverCard, HoverCardContent, HoverCardTrigger } from '@pac/web';

export const PatientSummary = () => (
  <div className="flex h-[220px] items-start justify-center p-2">
    <HoverCard open>
      <HoverCardTrigger asChild>
        <span className="cursor-help font-medium text-teal-700 underline decoration-dotted">黄莉</span>
      </HoverCardTrigger>
      <HoverCardContent className="w-72 text-sm">
        <p className="font-semibold">黄莉 · 女 · 51 岁</p>
        <p className="mt-1 text-slate-600">重要价值新客,有种植、修复、拔牙及补牙四项应治未治项目待跟进,偏好工作日下午就诊。</p>
      </HoverCardContent>
    </HoverCard>
  </div>
);
