'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.7.1/node_modules/class-variance-authority/dist/index.cjs');
var grid_module = require('./grid.module.css.cjs');

const grid = index.cva(grid_module.default.grid, {
    variants: {
        align: {
            start: grid_module.default["align-start"],
            center: grid_module.default["align-center"],
            end: grid_module.default["align-end"],
            stretch: grid_module.default["align-stretch"],
            baseline: grid_module.default["align-baseline"],
        },
        justify: {
            start: grid_module.default["justify-start"],
            center: grid_module.default["justify-center"],
            end: grid_module.default["justify-end"],
            between: grid_module.default["justify-between"],
        },
        flow: {
            row: grid_module.default["flow-row"],
            column: grid_module.default["flow-column"],
            dense: grid_module.default["flow-dense"],
            rowDense: grid_module.default["flow-rowDense"],
            columnDense: grid_module.default["flow-columnDense"],
        },
        columns: {
            1: grid_module.default["columns-1"],
            2: grid_module.default["columns-2"],
            3: grid_module.default["columns-3"],
            4: grid_module.default["columns-4"],
        },
        gap: {
            "extra-small": grid_module.default["gap-xs"],
            small: grid_module.default["gap-sm"],
            medium: grid_module.default["gap-md"],
            large: grid_module.default["gap-lg"],
            "extra-large": grid_module.default["gap-xl"],
        },
        gapX: {
            "extra-small": grid_module.default["gapX-xs"],
            small: grid_module.default["gapX-sm"],
            medium: grid_module.default["gapX-md"],
            large: grid_module.default["gapX-lg"],
            "extra-large": grid_module.default["gapX-xl"],
        },
        gapY: {
            "extra-small": grid_module.default["gapY-xs"],
            small: grid_module.default["gapY-sm"],
            medium: grid_module.default["gapY-md"],
            large: grid_module.default["gapY-lg"],
            "extra-large": grid_module.default["gapY-xl"],
        },
    },
});
function Grid({ children, align, justify, flow, columns, gap, gapX, gapY, className, ...props }) {
    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: grid({
            align,
            justify,
            flow,
            columns,
            gap,
            gapX,
            gapY,
            className,
        }), ...props, children: children }));
}

exports.Grid = Grid;
//# sourceMappingURL=grid.cjs.map
