"use strict";
'use client';
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXInlineGrid = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const Box_1 = require("../Box");
const helpers_1 = require("../../helpers/helpers");
const PHXInlineGrid = ({ children, columns = 1, gap = 'none', alignItems = 'stretch', fullWidth = false, }) => {
    const columnMap = {
        1: 'cols-1',
        2: 'cols-2',
        3: 'cols-3',
    };
    const alignMap = {
        start: 'items-start',
        center: 'items-center',
        end: 'items-end',
        stretch: 'items-stretch',
    };
    const classes = [
        'grid',
        (0, helpers_1.getResponsiveClass)('grid', columns, columnMap),
        (0, helpers_1.getResponsiveClass)('gap', gap, Box_1.spacingMap),
        alignMap[alignItems],
        fullWidth ? 'w-full' : '',
    ];
    return react_1.default.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);
};
exports.PHXInlineGrid = PHXInlineGrid;
//# sourceMappingURL=InlineGrid.js.map