'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-65f57499.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) {
        index.registerInstance(this, hostRef);
        this.col = false;
        this.align = 'center';
        this.justify = 'center';
        this.gap = '8px';
    }
    render() {
        return (index.h(index.Host, { key: '355dfc5748c22b4569db7835e8f2f82e45fdff2e', style: { ['--align']: this.align, ['--justify']: this.justify, ['--gap']: this.gap.toString(), ['--direction']: this.col ? 'column' : 'row' } }, index.h("slot", { key: '1025e7cc78b6a9faee3c7154a14f3218959dabe6' })));
    }
};
CpslRow.style = CpslRowStyle0;

exports.cpsl_row = CpslRow;

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