'use strict';

var jsxRuntime = require('react/jsx-runtime');
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
var React = require('react');
var flex_module = require('./flex.module.css.cjs');

const flex = index.cva(flex_module.default.flex, {
    variants: {
        direction: {
            row: flex_module.default['direction-row'],
            column: flex_module.default['direction-column'],
            rowReverse: flex_module.default['direction-rowReverse'],
            columnReverse: flex_module.default['direction-columnReverse']
        },
        align: {
            start: flex_module.default['align-start'],
            center: flex_module.default['align-center'],
            end: flex_module.default['align-end'],
            stretch: flex_module.default['align-stretch'],
            baseline: flex_module.default['align-baseline']
        },
        justify: {
            start: flex_module.default['justify-start'],
            center: flex_module.default['justify-center'],
            end: flex_module.default['justify-end'],
            between: flex_module.default['justify-between']
        },
        wrap: {
            noWrap: flex_module.default['wrap-noWrap'],
            wrap: flex_module.default['wrap-wrap'],
            wrapReverse: flex_module.default['wrap-wrapReverse']
        },
        gap: {
            1: flex_module.default['gap-1'],
            2: flex_module.default['gap-2'],
            3: flex_module.default['gap-3'],
            4: flex_module.default['gap-4'],
            5: flex_module.default['gap-5'],
            6: flex_module.default['gap-6'],
            7: flex_module.default['gap-7'],
            8: flex_module.default['gap-8'],
            9: flex_module.default['gap-9'],
            'extra-small': flex_module.default['gap-xs'],
            small: flex_module.default['gap-sm'],
            medium: flex_module.default['gap-md'],
            large: flex_module.default['gap-lg'],
            'extra-large': flex_module.default['gap-xl']
        },
        width: {
            full: flex_module.default['width-full']
        }
    },
    defaultVariants: {
        direction: 'row',
        align: 'stretch',
        justify: 'start',
        wrap: 'noWrap'
    }
});
const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap, className, width, ...props }, ref) => {
    return (jsxRuntime.jsx("div", { className: flex({
            direction,
            align,
            justify,
            wrap,
            gap,
            className,
            width
        }), ...props, ref: ref, children: children }));
});

exports.Flex = Flex;
//# sourceMappingURL=flex.cjs.map
