import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Spinner } from './spinner.js';
const meta = {
    title: 'Primitives/Spinner',
    component: Spinner,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        size: {
            control: 'select',
            options: ['sm', 'md', 'lg'],
        },
    },
};
export default meta;
export const Default = {
    args: {
        size: 'md',
    },
};
export const Small = {
    args: {
        size: 'sm',
    },
};
export const Large = {
    args: {
        size: 'lg',
    },
};
export const AllSizes = {
    render: () => (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Spinner, { size: "sm" }), _jsx(Spinner, { size: "md" }), _jsx(Spinner, { size: "lg" })] })),
};
export const CustomColor = {
    render: () => (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Spinner, { className: "text-primary" }), _jsx(Spinner, { className: "text-destructive" }), _jsx(Spinner, { className: "text-muted-foreground" })] })),
};
