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: '617cc3f8d3eb6f800e053ccc99b9375ba9cf5761' }, h("div", { key: '769954cc34c4582dedc014ef47f59429176ac20d', class: {
                ["component-container"]: true,
                ["disabled"]: !!this.disabled,
                ["readonly"]: !!this.readonly,
            } }, h("slot", { key: 'ad3ce925e8d21cb7f660b03923e82c9af1941202' }))));
    }
    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