import { h } from "@stencil/core";
export class DgaFeaturedIcon {
    constructor() {
        this.size = 'md';
        this.color = 'brand';
        this.variant = 'light';
        // @Prop() variant: 'circle' | 'square' = 'circle';
        this.circle = true;
        this.iconFonts = {
            "xl": 28,
            "lg": 24,
            "md": 20,
            "sm": 16,
        };
    }
    render() {
        return (h("div", { key: '204b7a41257735545725372ad665c9b48bbb52d4', class: `dga-featured-icon ${this.circle ? "dga-featured-icon--circle" : ""} dga-featured-icon--${this.size} dga-featured-icon--${this.variant}-${this.color}` }, h("dga-icon", { key: 'b03dcabf2783407fb7563540f9aa2f53daedd729', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: this.iconFonts[this.size] })));
    }
    static get is() { return "dga-featured-icon"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["dga-featured-icon.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["dga-featured-icon.css"]
        };
    }
    static get properties() {
        return {
            "size": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'sm' | 'md' | 'lg' | 'xl'",
                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "size",
                "reflect": false,
                "defaultValue": "'md'"
            },
            "color": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info'",
                    "resolved": "\"brand\" | \"error\" | \"gray\" | \"info\" | \"success\" | \"warning\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "color",
                "reflect": false,
                "defaultValue": "'brand'"
            },
            "variant": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'light' | 'dark' | 'outlined'",
                    "resolved": "\"dark\" | \"light\" | \"outlined\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "variant",
                "reflect": false,
                "defaultValue": "'light'"
            },
            "circle": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "circle",
                "reflect": false,
                "defaultValue": "true"
            },
            "icon": {
                "type": "unknown",
                "mutable": false,
                "complexType": {
                    "original": "Icon",
                    "resolved": "Icon",
                    "references": {
                        "Icon": {
                            "location": "local",
                            "path": "/home/mamoud/Documents/temp/components/platform-code-cross-platform-storybook/packages/core/src/components/dga-featured-icon/dga-featured-icon.tsx",
                            "id": "src/components/dga-featured-icon/dga-featured-icon.tsx::Icon"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false
            }
        };
    }
}
//# sourceMappingURL=dga-featured-icon.js.map
