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

const pnProductTilePriceCss = "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-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005d92}pn-product-tile-price a h3{text-decoration:underline}";
const PnProductTilePriceStyle0 = pnProductTilePriceCss;

const PnProductTilePrice = /*@__PURE__*/ proxyCustomElement(class PnProductTilePrice extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.label = undefined;
        this.amount = undefined;
        this.currency = undefined;
        this.url = undefined;
    }
    render() {
        if (!this.amount) {
            return;
        }
        return this.url ? (h(Host, null, h("h3", null, this.amount ? h("span", null, this.amount) : null, this.currency ? h("span", null, this.currency) : null), this.label ? (h("a", { href: this.url }, h("pn-button", { small: "true", icon: arrow_right }, this.label))) : null)) : (h(Host, null, h("h3", null, this.amount ? h("span", null, this.amount) : null, this.currency ? h("span", null, this.currency) : null)));
    }
    static get style() { return PnProductTilePriceStyle0; }
}, [0, "pn-product-tile-price", {
        "label": [1],
        "amount": [1],
        "currency": [1],
        "url": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-product-tile-price"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-product-tile-price":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnProductTilePrice);
            }
            break;
    } });
}

export { PnProductTilePrice as P, defineCustomElement as d };

//# sourceMappingURL=pn-product-tile-price2.js.map