import { Badge } from "@smartacteam/ambient-web/badge";
export function BadgeDemo() {
return (
<div className="flex w-full flex-col gap-4">
<div className="flex flex-wrap items-center gap-2">
<span className="w-16 text-sm text-foreground-secondary">Status</span>
<Badge>Default</Badge>
<Badge color="success">Success</Badge>
<Badge color="warning">Warning</Badge>
<Badge color="error">Error</Badge>
</div>
<div className="flex flex-wrap items-center gap-2">
<span className="w-16 text-sm text-foreground-secondary">Count</span>
<Badge type="count">+1</Badge>
<Badge type="count" color="success">
+2
</Badge>
<Badge type="count" color="warning">
+3
</Badge>
<Badge type="count" color="error">
+4
</Badge>
</div>
<div className="flex flex-wrap items-center gap-2">
<span className="w-16 text-sm text-foreground-secondary">Small</span>
<Badge size="sm">Default</Badge>
<Badge type="count" size="sm">
+1
</Badge>
</div>
</div>
);
}