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

const pnMarketwebIconCss = "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}}";
const PnMarketwebIconStyle0 = pnMarketwebIconCss;

const PnmarketwebIcon = /*@__PURE__*/ proxyCustomElement(class PnmarketwebIcon extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.symbol = null;
        this.small = false;
        this.color = 'black';
    }
    render() {
        return (h(Host, { key: '300b1da9e9c581fdeec0b15d51c05d147d65252c' }, h("pn-icon", { key: '89a5a4527333fdb927e34f3f66054024b657fa4a', icon: this.symbol, color: this.color, small: this.small })));
    }
    static get style() { return PnMarketwebIconStyle0; }
}, [0, "pn-marketweb-icon", {
        "symbol": [1],
        "small": [4],
        "color": [1]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-marketweb-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-marketweb-icon":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnmarketwebIcon);
            }
            break;
    } });
}

const PnMarketwebIcon = PnmarketwebIcon;
const defineCustomElement = defineCustomElement$1;

export { PnMarketwebIcon, defineCustomElement };

//# sourceMappingURL=pn-marketweb-icon.js.map