'use strict';

var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
var index = require('../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/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: {
            "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"],
        },
    },
    defaultVariants: {
        direction: "row",
        align: "stretch",
        justify: "start",
        wrap: "noWrap",
    },
});
/**
 * @deprecated Use Flex from '@raystack/apsara/v1' instead.
 */
const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap, className, ...props }, ref) => {
    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, ref: ref, children: children }));
});

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