import { h } from "@stencil/core";
export class DgaFeedbackIcon {
    constructor() {
        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 is() { return "dga-feedback-icon"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["dga-feedback-icon.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["dga-feedback-icon.css"]
        };
    }
    static get properties() {
        return {
            "type": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "IconType",
                    "resolved": "\"blue-info\" | \"error-!\" | \"error-x\" | \"neutral-?\" | \"neutral-info\" | \"success-check\" | \"warning-!-circle\" | \"warning-!-triangle\"",
                    "references": {
                        "IconType": {
                            "location": "local",
                            "path": "/home/mamoud/Documents/temp/components/platform-code-cross-platform-storybook/packages/core/src/components/dga-feedback-icon/dga-feedback-icon.tsx",
                            "id": "src/components/dga-feedback-icon/dga-feedback-icon.tsx::IconType"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "type",
                "reflect": false,
                "defaultValue": "'neutral-info'"
            },
            "variant": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'container' | 'icon-only'",
                    "resolved": "\"container\" | \"icon-only\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "style",
                "reflect": false,
                "defaultValue": "'container'"
            },
            "size": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "24 | 16",
                    "resolved": "16 | 24",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "size",
                "reflect": false,
                "defaultValue": "24"
            }
        };
    }
}
//# sourceMappingURL=dga-feedback-icon.js.map
