import { p as proxyCustomElement, H, h } from './p-604af0ee.js';

const dgaFeedbackIconCss = "";
const DgaFeedbackIconStyle0 = dgaFeedbackIconCss;

const DgaFeedbackIcon$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeedbackIcon extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.type = 'neutral-info';
        this.variant = 'container';
        this.size = 24;
        this.icons = {
            'success-check': {
                icon: 'hgi-checkmark-circle-02',
                color: '#067647',
            },
            'blue-info': {
                icon: 'hgi-information-circle',
                color: '#175CD3',
            },
            'neutral-info': {
                icon: 'hgi-information-circle',
                color: '#384250',
            },
            'neutral-?': {
                icon: 'hgi-help-circle',
                color: '#384250',
            },
            'warning-!-circle': {
                icon: 'hgi-alert-circle',
                color: '#B54708',
            },
            'warning-!-triangle': {
                icon: 'hgi-sharp hgi-alert-02',
                color: '#B54708',
            },
            'error-!': {
                icon: 'hgi-alert-circle',
                color: '#B42318',
            },
            'error-x': {
                icon: 'hgi-cancel-circle',
                color: '#B42318',
            },
        };
    }
    render() {
        return (h("span", { key: '71fa4bca72ed6e993be477dd2bdce034fad88d7c', class: "tooltip-main__icon" }, h("i", { key: '221f7fb79d1b818f33467ba3574be5e7142ce67b', class: `${this.variant === 'icon-only' ? 'hgi-stroke' : 'hgi-solid'} ${this.icons[this.type].icon}`, style: { color: this.icons[this.type].color, fontSize: `${this.size}px` } })));
    }
    static get style() { return DgaFeedbackIconStyle0; }
}, [1, "dga-feedback-icon", {
        "type": [1],
        "variant": [1, "style"],
        "size": [2]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-feedback-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-feedback-icon":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaFeedbackIcon$1);
            }
            break;
    } });
}

const DgaFeedbackIcon = DgaFeedbackIcon$1;
const defineCustomElement = defineCustomElement$1;

export { DgaFeedbackIcon, defineCustomElement };

//# sourceMappingURL=dga-feedback-icon.js.map