phx-react
Version:
PHX REACT
27 lines • 922 B
JavaScript
'use client';
import React from 'react';
import { spacingMap } from '../Box';
import { getResponsiveClass } from '../../helpers/helpers';
export const PHXBlockStack = ({ children, gap = 'none', inlineAlign = 'start', align = 'start', fullWidth = false, }) => {
const inlineAlignMap = {
start: 'items-start',
center: 'items-center',
end: 'items-end',
};
const alignMap = {
start: 'justify-start',
center: 'justify-center',
end: 'justify-end',
between: 'justify-between',
around: 'justify-around',
};
const classes = [
'flex flex-col',
getResponsiveClass('gap', gap, spacingMap),
inlineAlignMap[inlineAlign],
alignMap[align],
fullWidth ? 'w-full' : '',
];
return React.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);
};
//# sourceMappingURL=BlockStack.js.map