import { h } from '@stencil/core';
export class DrawerListItem {
    getClasses() {
        return {
            'mdc-list-item': true,
            'mdc-list-item--activated': this.activated
        };
    }
    async renderHtml() {
        return Promise.resolve(h("a", { class: this.getClasses(), href: this.targetUrl, "aria-current": "page" },
            this.icon && h("i", { class: "material-icons mdc-list-item__graphic", "aria-hidden": "true" }, this.icon),
            h("span", { class: "mdc-list-item__text" }, this.label)));
    }
    render() {
        return;
    }
    static get is() { return "materials-drawer-list-item"; }
    static get originalStyleUrls() { return {
        "$": ["drawer-list-item.css"]
    }; }
    static get styleUrls() { return {
        "$": ["drawer-list-item.css"]
    }; }
    static get properties() { return {
        "label": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "label",
            "reflect": false
        },
        "activated": {
            "type": "boolean",
            "mutable": false,
            "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "activated",
            "reflect": false
        },
        "icon": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "icon",
            "reflect": false
        },
        "targetUrl": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "target-url",
            "reflect": false
        }
    }; }
    static get methods() { return {
        "renderHtml": {
            "complexType": {
                "signature": "() => Promise<any>",
                "parameters": [],
                "references": {
                    "Promise": {
                        "location": "global"
                    }
                },
                "return": "Promise<any>"
            },
            "docs": {
                "text": "",
                "tags": []
            }
        }
    }; }
}
