phx-react
Version:
PHX REACT
31 lines • 1.1 kB
JavaScript
;
'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