import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const pnShareItemCss = "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-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #d3cecb;border-radius:0.8rem;background-color:#ffffff;transition:background-color ease-in-out 0.3s;width:fit-content}pn-share-item a{text-decoration:none;color:#005d92;transition:color 0.3s;display:flex;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005d92;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0d234b}pn-share-item:hover a{color:#ffffff;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0d234b}pn-share-item:hover [slot=icon] svg path{fill:#ffffff}";
const PnShareItemStyle0 = pnShareItemCss;

const PnShareItem = /*@__PURE__*/ proxyCustomElement(class PnShareItem extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.link = null;
        this.text = null;
    }
    get hostElement() { return this; }
    render() {
        return (h(Host, { key: '4e1cea876f61c710df92104b45e50ba66cf0b623' }, h("div", { key: '0e6aed22f766bcb4f1f6eb84f36e3d4ba440e37a', class: "pn-share-item__container" }, h("a", { key: '563a048cf8a4b6050bf3db2a6621ae0743b298eb', href: `${this.link}` }, h("slot", { key: 'e5376f9ccd073b93adb746c88631f574185a6854', name: "icon" }), " ", this.text))));
    }
    static get style() { return PnShareItemStyle0; }
}, [4, "pn-share-item", {
        "link": [1],
        "text": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-share-item"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-share-item":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnShareItem);
            }
            break;
    } });
}

export { PnShareItem as P, defineCustomElement as d };

//# sourceMappingURL=pn-share-item2.js.map