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 textStyles from './text.module.css.js';

const text = cva(textStyles.text, {
    variants: {
        variant: {
            primary: textStyles["text-primary"],
            secondary: textStyles["text-secondary"],
            tertiary: textStyles["text-tertiary"],
            emphasis: textStyles["text-emphasis"],
            accent: textStyles["text-accent"],
            attention: textStyles["text-attention"],
            danger: textStyles["text-danger"],
            success: textStyles["text-success"],
        },
        size: {
            1: textStyles["text-1"],
            2: textStyles["text-2"],
            3: textStyles["text-3"],
            4: textStyles["text-4"],
            5: textStyles["text-5"],
            6: textStyles["text-6"],
            7: textStyles["text-7"],
            8: textStyles["text-8"],
            9: textStyles["text-9"],
            10: textStyles["text-10"],
        },
        weight: {
            bold: textStyles["text-weight-bold"],
            bolder: textStyles["text-weight-bolder"],
            normal: textStyles["text-weight-normal"],
            lighter: textStyles["text-weight-lighter"],
            100: textStyles["text-weight-100"],
            200: textStyles["text-weight-200"],
            300: textStyles["text-weight-300"],
            400: textStyles["text-weight-400"],
            500: textStyles["text-weight-500"],
            600: textStyles["text-weight-600"],
            700: textStyles["text-weight-700"],
            800: textStyles["text-weight-800"],
            900: textStyles["text-weight-900"],
        },
    },
    defaultVariants: {
        variant: "primary",
        size: 2,
        weight: 400,
    },
});
function Text({ children, className, size, variant, weight, ...props }) {
    return (jsxRuntimeExports.jsx("span", { className: text({ size, className, weight, variant }), ...props, children: children }));
}

export { Text };
//# sourceMappingURL=text.js.map
