'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-9a9efa1c.js');
const arrow_right = require('./arrow_right-66958158.js');

const pnProfileSelectorOptionCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-profile-selector-option{display:flex;width:100%;border-bottom:1px solid #d3cecb;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{align-self:center;position:relative;transform:translateX(-1rem);transition:transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{transform:none;transition-timing-function:ease}.profileselectoroption-text{flex-grow:1;display:flex;flex-direction:column}.profileselectoroption-title{font-size:1em;color:#005d92;font-weight:700}.profileselectoroption-description{font-size:0.75em;color:#5e554a;font-weight:normal}";
const PnProfileSelectorOptionStyle0 = pnProfileSelectorOptionCss;

const PnProfileSelectorOption = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.heading = '';
        this.description = '';
        this.url = '';
    }
    get hostElement() { return index.getElement(this); }
    render() {
        return (index.h(index.Host, { key: '6a1e95708ba147a93a6ac0e544dbd7f6f61647d1' }, index.h("a", { key: '7430ae995542af9b1927b90e146490d843010a8a', class: "profileselectoroption", href: this.url }, index.h("span", { key: '101b73aa01824a472815e2c8747ec79a702e3103', class: "profileselectoroption-text" }, index.h("span", { key: '3eaf275bea4d52405af0100d9813090a2a981fcc', class: "profileselectoroption-title" }, this.heading), index.h("span", { key: 'e81156b324fa11b6fd771bf8cd0791fe02186a37', class: "profileselectoroption-description" }, this.description)), index.h("pn-icon", { key: 'd0398d42a16a13eba52b0ed89e05275712042164', icon: arrow_right.arrow_right, small: "false", color: "blue700" }))));
    }
};
PnProfileSelectorOption.style = PnProfileSelectorOptionStyle0;

exports.pn_profile_selector_option = PnProfileSelectorOption;

//# sourceMappingURL=pn-profile-selector-option.cjs.entry.js.map