import { h, Host } from "@stencil/core";
import { arrow_right } from "pn-design-assets/pn-assets/icons.js";
export class PnProfileSelectorOption {
    constructor() {
        this.heading = '';
        this.description = '';
        this.url = '';
    }
    hostElement;
    render() {
        return (h(Host, { key: '6a1e95708ba147a93a6ac0e544dbd7f6f61647d1' }, h("a", { key: '7430ae995542af9b1927b90e146490d843010a8a', class: "profileselectoroption", href: this.url }, h("span", { key: '101b73aa01824a472815e2c8747ec79a702e3103', class: "profileselectoroption-text" }, h("span", { key: '3eaf275bea4d52405af0100d9813090a2a981fcc', class: "profileselectoroption-title" }, this.heading), h("span", { key: 'e81156b324fa11b6fd771bf8cd0791fe02186a37', class: "profileselectoroption-description" }, this.description)), h("pn-icon", { key: 'd0398d42a16a13eba52b0ed89e05275712042164', icon: arrow_right, small: "false", color: "blue700" }))));
    }
    static get is() { return "pn-profile-selector-option"; }
    static get originalStyleUrls() {
        return {
            "$": ["pn-profile-selector-option.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pn-profile-selector-option.css"]
        };
    }
    static get properties() {
        return {
            "heading": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "heading",
                "reflect": false,
                "defaultValue": "''"
            },
            "description": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "description",
                "reflect": false,
                "defaultValue": "''"
            },
            "url": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "url",
                "reflect": false,
                "defaultValue": "''"
            }
        };
    }
    static get elementRef() { return "hostElement"; }
}
//# sourceMappingURL=pn-profile-selector-option.js.map
