import { h, Host } from "@stencil/core";
export class FormCol {
    constructor() {
        this.colClass = 'col';
        this.size = 'full';
    }
    render() {
        return (h(Host, { key: 'dcafe25da97b6d53f8c70cb13ba63be2dc9214ef', 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',
            } }, h("slot", { key: '153dee19ecee905bd5bc7cf624a4e26ff883d50c' })));
    }
    static get is() { return "bal-form-col"; }
    static get properties() {
        return {
            "size": {
                "type": "string",
                "attribute": "size",
                "mutable": false,
                "complexType": {
                    "original": "BalProps.BalFormColSize",
                    "resolved": "\"full\" | \"fullwidth\" | \"half\" | \"one-quarter\" | \"one-third\" | \"three-quarters\" | \"two-thirds\"",
                    "references": {
                        "BalProps": {
                            "location": "global",
                            "id": "global::BalProps"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "'full'"
            }
        };
    }
    static get elementRef() { return "el"; }
}
