import { r as registerInstance, h, H as Host } from './index-91db3414.js';

const cpslRowCss = ":host{display:flex;flex-direction:var(--direction, row);align-items:var(--align);justify-content:var(--justify);gap:var(--gap);flex-wrap:wrap}";
const CpslRowStyle0 = cpslRowCss;

const CpslRow = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.col = false;
        this.align = 'center';
        this.justify = 'center';
        this.gap = '8px';
    }
    render() {
        return (h(Host, { key: '355dfc5748c22b4569db7835e8f2f82e45fdff2e', style: { ['--align']: this.align, ['--justify']: this.justify, ['--gap']: this.gap.toString(), ['--direction']: this.col ? 'column' : 'row' } }, h("slot", { key: '1025e7cc78b6a9faee3c7154a14f3218959dabe6' })));
    }
};
CpslRow.style = CpslRowStyle0;

export { CpslRow as cpsl_row };

//# sourceMappingURL=cpsl-row.entry.js.map