import { h } from "@stencil/core";
export class DgaLoading {
    constructor() {
        this.size = 'md';
        this.variant = 'neutral';
    }
    render() {
        const classes = `dga-loading dga-loading--${this.size} dga-loading--${this.variant} ${this.extraClass ? this.extraClass : ''}`;
        return (h("div", { key: '479d940b62e5b96d85e3e3b0488947998d862bbc', class: classes }, h("div", { key: '6f76050b74fd1485ba66ef01a4e04960e7e65082', class: "dga-loading__circle" })));
    }
    static get is() { return "dga-loading"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["dga-loading.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["dga-loading.css"]
        };
    }
    static get properties() {
        return {
            "size": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "LoadingSize",
                    "resolved": "\"huge\" | \"lg\" | \"md\" | \"sm\" | \"tiny\" | \"xl\" | \"xs\"",
                    "references": {
                        "LoadingSize": {
                            "location": "local",
                            "path": "/home/mamoud/Documents/temp/components/platform-code-cross-platform-storybook/packages/core/src/components/dga-loading/dga-loading.tsx",
                            "id": "src/components/dga-loading/dga-loading.tsx::LoadingSize"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "size",
                "reflect": false,
                "defaultValue": "'md'"
            },
            "variant": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "LoadingStyle",
                    "resolved": "\"brand\" | \"neutral\" | \"on-color\"",
                    "references": {
                        "LoadingStyle": {
                            "location": "local",
                            "path": "/home/mamoud/Documents/temp/components/platform-code-cross-platform-storybook/packages/core/src/components/dga-loading/dga-loading.tsx",
                            "id": "src/components/dga-loading/dga-loading.tsx::LoadingStyle"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "variant",
                "reflect": false,
                "defaultValue": "'neutral'"
            },
            "extraClass": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "extra-class",
                "reflect": false
            }
        };
    }
}
//# sourceMappingURL=dga-loading.js.map
