'use strict';

var index = require('./index-feA4skrY.js');

const FormCol = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.colClass = 'col';
        this.size = 'full';
    }
    render() {
        return (index.h(index.Host, { key: '39b569057a21775679f548ca50cc2313c4864371', class: {
                [`${this.colClass}`]: true,
                'py-none': true,
                'touch:is-12': true,
                'is-12': this.size === 'full' || this.size === 'fullwidth' || this.size === undefined,
                'is-6': this.size === 'half',
                'is-4': this.size === 'one-third',
                'is-8': this.size === 'two-thirds',
                'is-3': this.size === 'one-quarter',
                'is-9': this.size === 'three-quarters',
            } }, index.h("slot", { key: 'bad28679d1a5cc68bca310fc095117c164a668b8' })));
    }
    get el() { return index.getElement(this); }
};

const balFormGridCss = ".bal-form-grid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:.25rem}@media screen and (min-width: 1024px){.bal-form-grid{-ms-flex-direction:row;flex-direction:row}}.bal-form-grid.columns{margin-top:0 !important;margin-bottom:0 !important}";

const FormGrid = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h(index.Host, { key: '7dd05e54b6f2070956b4630a542c249734981731', class: `bal-form-grid grid is-multiline my-none py-none` }, index.h("slot", { key: 'd9490a9e4153d985dad9258dc795ea1b092930f4' })));
    }
};
FormGrid.style = balFormGridCss;

exports.bal_form_col = FormCol;
exports.bal_form_grid = FormGrid;
