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 { forwardRef } from 'react';
import styles from './flex.module.css.js';

const flex = cva(styles.flex, {
    variants: {
        direction: {
            row: styles["direction-row"],
            column: styles["direction-column"],
            rowReverse: styles["direction-rowReverse"],
            columnReverse: styles["direction-columnReverse"],
        },
        align: {
            start: styles["align-start"],
            center: styles["align-center"],
            end: styles["align-end"],
            stretch: styles["align-stretch"],
            baseline: styles["align-baseline"],
        },
        justify: {
            start: styles["justify-start"],
            center: styles["justify-center"],
            end: styles["justify-end"],
            between: styles["justify-between"],
        },
        wrap: {
            noWrap: styles["wrap-noWrap"],
            wrap: styles["wrap-wrap"],
            wrapReverse: styles["wrap-wrapReverse"],
        },
        gap: {
            "extra-small": styles["gap-xs"],
            small: styles["gap-sm"],
            medium: styles["gap-md"],
            large: styles["gap-lg"],
            "extra-large": styles["gap-xl"],
        },
    },
    defaultVariants: {
        direction: "row",
        align: "stretch",
        justify: "start",
        wrap: "noWrap",
    },
});
/**
 * @deprecated Use Flex from '@raystack/apsara/v1' instead.
 */
const Flex = forwardRef(({ children, direction, align, justify, wrap, gap, className, ...props }, ref) => {
    return (jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, ref: ref, children: children }));
});

export { Flex };
//# sourceMappingURL=flex.js.map
