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

export const Tones = () => (
  <div className="flex flex-wrap items-center gap-2 p-2">
    <Chip tone="teal">重要价值</Chip>
    <Chip tone="amber">进行中</Chip>
    <Chip tone="rose">应治未治</Chip>
    <Chip tone="emerald">已完成</Chip>
    <Chip tone="sky">待认领</Chip>
    <Chip tone="indigo">AI 生成</Chip>
    <Chip tone="violet">深度分析</Chip>
    <Chip tone="slate">默认</Chip>
  </div>
);

export const WithIconDot = () => (
  <div className="flex flex-wrap items-center gap-2 p-2">
    <Chip tone="rose" icon>应治未治</Chip>
    <Chip tone="amber" icon>高优先级</Chip>
    <Chip tone="emerald" icon size="xs">小号带点</Chip>
  </div>
);
