import { h, r as registerInstance, d as Host } from './index-c0a4d8bd.js';
import { a as align_center } from './align_center-d2fc38cc.js';
import { a as arrow_right } from './arrow_right-f4852d04.js';

const pnProductTileInfoCss = "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-info{align-self:center}";
const PnProductTileInfoStyle0 = pnProductTileInfoCss;

const PnProductTileInfo = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.label = undefined;
        this.text = undefined;
        this.icon = undefined;
    }
    render() {
        return (h(Host, { key: 'b072dd06f560bd370a23a3361bffd8491d063018' }, this.label ? (h("p", null, h("small", null, this.label))) : null, this.text ? h("h3", null, this.text) : null));
    }
};
h("pn-icon", { icon: align_center, small: "false", color: "black" });
PnProductTileInfo.style = PnProductTileInfoStyle0;

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 = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        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)));
    }
};
PnProductTilePrice.style = PnProductTilePriceStyle0;

export { PnProductTileInfo as pn_product_tile_info, PnProductTilePrice as pn_product_tile_price };

//# sourceMappingURL=pn-product-tile-info_2.entry.js.map