"use strict";
'use client';
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXBlockStack = 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 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',
        (0, helpers_1.getResponsiveClass)('gap', gap, Box_1.spacingMap),
        inlineAlignMap[inlineAlign],
        alignMap[align],
        fullWidth ? 'w-full' : '',
    ];
    return react_1.default.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);
};
exports.PHXBlockStack = PHXBlockStack;
//# sourceMappingURL=BlockStack.js.map