import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@pac/web';

export const ClinicSelect = () => (
  <div className="w-[260px] p-2">
    <Select defaultValue="gaode">
      <SelectTrigger><SelectValue placeholder="选择诊所" /></SelectTrigger>
      <SelectContent>
        <SelectItem value="gaode">杭州高德诊所</SelectItem>
        <SelectItem value="dasha">杭州大厦诊所</SelectItem>
        <SelectItem value="chaoyang">北京朝阳公园诊所</SelectItem>
      </SelectContent>
    </Select>
  </div>
);

export const Placeholder = () => (
  <div className="w-[260px] p-2">
    <Select>
      <SelectTrigger><SelectValue placeholder="全部诊所" /></SelectTrigger>
      <SelectContent>
        <SelectItem value="all">全部诊所</SelectItem>
      </SelectContent>
    </Select>
  </div>
);
