import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
import { a as align_center } from './align_center.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 = /*@__PURE__*/ proxyCustomElement(class PnProductTileInfo extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        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));
    }
    static get style() { return PnProductTileInfoStyle0; }
}, [0, "pn-product-tile-info", {
        "label": [1],
        "text": [1],
        "icon": [1]
    }]);
h("pn-icon", { icon: align_center, small: "false", color: "black" });
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-product-tile-info"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-product-tile-info":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnProductTileInfo);
            }
            break;
    } });
}

export { PnProductTileInfo as P, defineCustomElement as d };

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