import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Badge } from './badge';
const meta = {
    title: 'UI/Badge',
    component: Badge,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        variant: {
            control: 'select',
            options: ['default', 'secondary', 'destructive', 'outline'],
        },
    },
};
export default meta;
export const Default = {
    args: {
        children: 'Badge',
        variant: 'default',
    },
};
export const Secondary = {
    args: {
        children: 'Secondary',
        variant: 'secondary',
    },
};
export const Destructive = {
    args: {
        children: 'Destructive',
        variant: 'destructive',
    },
};
export const Outline = {
    args: {
        children: 'Outline',
        variant: 'outline',
    },
};
export const AllVariants = {
    render: () => (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Badge, { variant: "default", children: "Default" }), _jsx(Badge, { variant: "secondary", children: "Secondary" }), _jsx(Badge, { variant: "destructive", children: "Destructive" }), _jsx(Badge, { variant: "outline", children: "Outline" })] })),
};
