'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