import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const icInputContainerCss = "ic-input-container .component-container{display:flex;flex-direction:column}";
const IcInputContainerStyle0 = icInputContainerCss;

const InputContainer = /*@__PURE__*/ proxyCustomElement(class InputContainer extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        /**
         * If `true`, the disabled state will be set.
         */
        this.disabled = false;
        /**
         * If `true`, the readonly state will be set.
         */
        this.readonly = false;
    }
    render() {
        return (h(Host, { key: 'ffa7ae6f683f172205085d3ade5af4ed2b665f5e' }, h("div", { key: 'e010e17e975c12a26c9ae66cb604ca561882901b', class: {
                ["component-container"]: true,
                ["disabled"]: !!this.disabled,
                ["readonly"]: !!this.readonly,
            } }, h("slot", { key: '202931f1bc8d2ab341753c23464e266fd899a15d' }))));
    }
    static get style() { return IcInputContainerStyle0; }
}, [4, "ic-input-container", {
        "disabled": [4],
        "readonly": [4]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ic-input-container"];
    components.forEach(tagName => { switch (tagName) {
        case "ic-input-container":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, InputContainer);
            }
            break;
    } });
}

export { InputContainer as I, defineCustomElement as d };

//# sourceMappingURL=ic-input-container2.js.map