import { h, Host } from "@stencil/core";
export class AiLabel {
    /** Determines whether to show a divider line */
    divider = true;
    /** Display variant - either label or icon */
    variant = 'label';
    render() {
        const showLabel = this.variant === 'label';
        const showIcon = this.variant === 'icon';
        return (h(Host, { key: '2c081d0eda28f197bb012a3ffbf7193bd094f16d' }, showIcon && h("ifx-icon", { key: 'ad385ac36902dfbb8094767f82f8a53ca5348727', icon: "ai16" }), showLabel && (h("div", { key: '94825f7411d562970e8095cc40ba2da9f47f2f86' }, this.divider && h("div", { key: 'e2ae97c6d6e8fc0a2a21cdb784dcce2d6db08f2f', class: "divider" }), h("div", { key: 'a60e347149cd6f6ef590d501b326e5a053b586d6', class: "ai-label" }, h("p", { key: '896db5d8deca2550bf093f6c610a8c4eae76b3c6', class: "title" }, "Made with AI."), h("p", { key: '0181ca250255e4a131d31e022d7af1b5aadfd72b' }, "Output can be misleading or wrong."))))));
    }
    static get is() { return "ifx-ai-label"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["ai-label.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["ai-label.css"]
        };
    }
    static get properties() {
        return {
            "divider": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Determines whether to show a divider line"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "divider",
                "defaultValue": "true"
            },
            "variant": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'label' | 'icon'",
                    "resolved": "\"icon\" | \"label\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Display variant - either label or icon"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "variant",
                "defaultValue": "'label'"
            }
        };
    }
}
//# sourceMappingURL=ai-label.js.map
