import { Host, h } from "@stencil/core";
export class XSkeleton {
    constructor() {
        this.width = '100%';
        this.height = '1rem';
        this.block = false;
    }
    /**
     * Render component
     */
    render() {
        return h(Host, { key: 'c85f10de7f02a3b166779ef15996bb44229867b5', style: {
                height: this.height,
                width: this.width,
                display: this.block ? 'block' : 'inline-block'
            } });
    }
    static get is() { return "x-skeleton"; }
    static get originalStyleUrls() {
        return {
            "$": ["./style.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["style.css"]
        };
    }
    static get properties() {
        return {
            "width": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Element CSS width size"
                },
                "attribute": "width",
                "reflect": false,
                "defaultValue": "'100%'"
            },
            "height": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Element CSS height size"
                },
                "attribute": "height",
                "reflect": false,
                "defaultValue": "'1rem'"
            },
            "block": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Element diplayed as block"
                },
                "attribute": "block",
                "reflect": false,
                "defaultValue": "false"
            }
        };
    }
}
