phx-react
Version:
PHX REACT
13 lines • 1.23 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXHorizontalStack = PHXHorizontalStack;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const types_1 = require("../types");
const Box_1 = require("../Box");
function PHXHorizontalStack({ justify, items, gapX, gapY, children, fullWidth = false }) {
const customHorizon = (0, types_1.classNames)(justify === 'start' && 'justify-start', justify === 'end' && 'justify-end', justify === 'center' && 'justify-center', justify === 'around' && 'justify-around', justify === 'between' && 'justify-between', justify === 'evenly' && 'justify-evenly', justify === 'stretch' && 'justify-stretch', items === 'start' && 'items-start', items === 'end' && 'items-end', items === 'center' && 'items-center', items === 'baseline' && 'items-baseline', items === 'stretch' && 'items-stretch');
const getSpacing = (prefix, val) => (val ? `${prefix}-${Box_1.spacingMap[val]}` : '');
return (react_1.default.createElement("div", { className: `flex ${getSpacing('gap-x', gapX)} ${getSpacing('gap-y', gapY)} ${customHorizon} ${fullWidth ? 'w-full' : ''}` }, children));
}
//# sourceMappingURL=HorizontalStack.js.map