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

const pnProxioProductcardDescriptionCss = "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-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";
const PnProxioProductcardDescriptionStyle0 = pnProxioProductcardDescriptionCss;

const PnProxioProductcardDescription = /*@__PURE__*/ proxyCustomElement(class PnProxioProductcardDescription extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.heading = undefined;
        this.highlight = undefined;
        this.description = undefined;
        this.list = [];
    }
    render() {
        return (h(Host, { key: '86818398e58effa7fa42961904fc9f45e5cfad00' }, this.heading ? h("h3", null, this.heading) : null, this.highlight ? h("h3", { class: "highlight" }, this.highlight) : null, this.description ? h("span", null, this.description) : null, this.list ? (h("ul", null, this.list.map(text => {
            return h("li", null, text);
        }))) : null));
    }
    static get style() { return PnProxioProductcardDescriptionStyle0; }
}, [0, "pn-proxio-productcard-description", {
        "heading": [1],
        "highlight": [1],
        "description": [1],
        "list": [1040]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-proxio-productcard-description"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-proxio-productcard-description":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnProxioProductcardDescription);
            }
            break;
    } });
}

export { PnProxioProductcardDescription as P, defineCustomElement as d };

//# sourceMappingURL=pn-proxio-productcard-description2.js.map