import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import styles from './badge.module.css.js';

const badge = cva(styles['badge'], {
    variants: {
        variant: {
            accent: styles["badge-accent"],
            warning: styles["badge-warning"],
            danger: styles["badge-danger"],
            success: styles["badge-success"],
            neutral: styles["badge-neutral"],
            gradient: styles["badge-gradient"]
        },
        size: {
            micro: styles["badge-micro"],
            small: styles["badge-small"],
            regular: styles["badge-regular"],
        },
        defaultVariants: {
            variant: "accent",
            size: "small"
        }
    },
});
const Badge = ({ variant = 'accent', size = 'small', icon, children, className, screenReaderText }) => {
    return (jsxRuntimeExports.jsxs("span", { className: badge({ variant, size, className }), children: [icon && jsxRuntimeExports.jsx("span", { className: styles['icon'], children: icon }), screenReaderText && (jsxRuntimeExports.jsx("span", { className: styles['sr-only'], children: screenReaderText })), children] }));
};
Badge.displayName = "Badge";

export { Badge };
//# sourceMappingURL=badge.js.map
