import { Badge } from '@pac/web';

export const Variants = () => (
  <div className="flex flex-wrap items-center gap-2 p-2">
    <Badge>默认</Badge>
    <Badge variant="secondary">次要</Badge>
    <Badge variant="destructive">警示</Badge>
    <Badge variant="outline">描边</Badge>
  </div>
);

export const Statuses = () => (
  <div className="flex flex-wrap items-center gap-2 p-2">
    <Badge variant="secondary">待认领</Badge>
    <Badge>进行中</Badge>
    <Badge variant="outline">已完成</Badge>
    <Badge variant="destructive">已放弃</Badge>
  </div>
);
