import { Host, h } from "@stencil/core";
export class SpwAccordionTitle {
    constructor() {
        /** Tag html du titre de l'accordéon (de h1 à h6) */
        this.tag = 'h3';
    }
    render() {
        const TagType = this.tag;
        const iconElement = this.icon ? h("spw-icon", { icon: this.icon }) : null;
        return (h(Host, { key: '63c94a62aeeffbed5dc8440a4f5c2b46d6933b86' }, h("div", { key: '3df9730005950dccb661d4c87b730e8aca00b6ac', class: "spw-accordion-title" }, h("div", { key: '5e7ed39c0e02adf8a6b4231d78f0c4106528b166', class: "spw-accordion-title__content" }, h("div", { key: 'a3222cc548ca5ea34a64a92c359957d84b223462', class: "spw-accordion-title__flex" }, h(TagType, { key: '24a65550d1fa0e54966312570abb256efbefd495', class: "spw-accordion-title__flex-title" }, iconElement && h("div", { key: '3b0769fb47eab668fe2ea62f08724a579c50122b', class: "spw-accordion-title__icon" }, iconElement), h("div", { key: 'cdf86802d84e2ffca4a87a189df12191b9db4ee9' }, h("slot", { key: 'e515d454f2a0759a8e753ba99f0e43bedf27a87a' }))), h("slot", { key: 'fd2febae460ff2fe51f118b41c6ec3c97e99e184', name: "right" })), h("span", { key: '9884fdef38c3398953605065d37b5280f0753272', class: "spw-accordion-title__trigger" }, h("spw-icon", { key: 'adb25da7b6fbf99e6aa25b6a6c9c4187693c645f', icon: "fa-chevron-down" }))))));
    }
    static get is() { return "spw-accordion-title"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["spw-accordion-title.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["spw-accordion-title.css"]
        };
    }
    static get properties() {
        return {
            "tag": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
                    "resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Tag html du titre de l'accord\u00E9on (de h1 \u00E0 h6)"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "tag",
                "defaultValue": "'h3'"
            },
            "icon": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Si sp\u00E9cifi\u00E9, place une ic\u00F4ne \u00E0 gauche du titre"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "icon"
            }
        };
    }
}
