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 './separator.module.css.js';
import { Root } from '../../node_modules/.pnpm/@radix-ui_react-separator@1.1.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._ya2pynfmf6g57u7zxnuegxiowa/node_modules/@radix-ui/react-separator/dist/index.js';

const separator = cva(styles.separator, {
    variants: {
        size: {
            small: styles['separator-small'],
            half: styles['separator-half'],
            full: styles['separator-full']
        },
        color: {
            primary: styles['separator-primary'],
            secondary: styles['separator-secondary'],
            tertiary: styles['separator-tertiary']
        }
    },
    defaultVariants: {
        size: 'full',
        color: 'primary'
    }
});
function Separator({ className, orientation = 'horizontal', size, color, 'aria-label': ariaLabel, ...props }) {
    return (jsxRuntimeExports.jsx(Root, { decorative: true, orientation: orientation, className: separator({ size, color, className }), "aria-orientation": orientation, "aria-label": ariaLabel || `${orientation} separator`, role: 'separator', ...props }));
}
Separator.displayName = 'Separator';

export { Separator };
//# sourceMappingURL=separator.js.map
