import { jsx } from 'react/jsx-runtime';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import styles from './spinner.module.css.js';

const spinner = cva(styles.spinner, {
    variants: {
        size: {
            1: styles["spinner-size-1"],
            2: styles["spinner-size-2"],
            3: styles["spinner-size-3"],
            4: styles["spinner-size-4"],
            5: styles["spinner-size-5"],
            6: styles["spinner-size-6"],
        },
        color: {
            default: styles["spinner-color-default"],
            neutral: styles["spinner-color-neutral"],
            accent: styles["spinner-color-accent"],
            danger: styles["spinner-color-danger"],
            success: styles["spinner-color-success"],
            attention: styles["spinner-color-attention"],
        }
    },
    defaultVariants: {
        size: 1,
        color: "neutral",
    },
});
const Spinner = forwardRef(({ className, size, color, ...props }, ref) => (jsx("div", { ref: ref, className: spinner({ size, color, className }), role: "status", "aria-hidden": "true", ...props, children: [...Array(8)].map((_, index) => (jsx("div", { className: styles.pole }, index))) })));
Spinner.displayName = 'Spinner';

export { Spinner };
//# sourceMappingURL=spinner.js.map
