import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { a as arrow_right } from './arrow_right.js';

const pnProxioProductcardPricelinkCss = "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-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";
const PnProxioProductcardPricelinkStyle0 = pnProxioProductcardPricelinkCss;

const PnProxioProductcardPricelink = /*@__PURE__*/ proxyCustomElement(class PnProxioProductcardPricelink extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.price = undefined;
        this.vatText = '';
        this.link = undefined;
        this.linktext = undefined;
    }
    render() {
        return this.link && this.linktext ? (h(Host, null, this.price ? (h("h3", null, this.price, " ", h("span", { class: "pn-pricelink-vat" }, this.vatText))) : null, h("pn-button", { small: "true", icon: arrow_right, appearance: "light", href: this.link, target: "_blank", rel: "noopener nofollower noreferrer" }, this.linktext))) : null;
    }
    static get style() { return PnProxioProductcardPricelinkStyle0; }
}, [0, "pn-proxio-productcard-pricelink", {
        "price": [1],
        "vatText": [1, "vat-text"],
        "link": [1],
        "linktext": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-proxio-productcard-pricelink"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-proxio-productcard-pricelink":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnProxioProductcardPricelink);
            }
            break;
    } });
}

export { PnProxioProductcardPricelink as P, defineCustomElement as d };

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