import { h } from "@stencil/core";
/**
 * A simple button, with consistent styling to other controls in the design system.
 *
 * ```ts
 * <verdocs-button label="Click Me" size="normal" variant="standard" />
 * ```
 */
export class VerdocsButton {
    constructor() {
        /**
         * If desired, a prefix icon for the button.
         */
        this.startIcon = null;
        /**
         * If desired, a suffix icon for the button.
         */
        this.endIcon = null;
        /**
         * The size (height) of the button.
         */
        this.size = 'normal';
        /**
         * The type of the button.
         */
        this.type = 'button';
        /**
         * The display variant of the button.
         */
        this.variant = 'standard';
        /**
         * Whether the button should be disabled.
         */
        this.disabled = false;
    }
    render() {
        return (h("button", { key: 'f4f06c9658a8d3dc63380bdc973bdfa96c60cca3', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: '6a46cd55ec51dec6efa13171a067d6fa15925af3', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
    }
    static get is() { return "verdocs-button"; }
    static get originalStyleUrls() {
        return {
            "$": ["verdocs-button.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["verdocs-button.css"]
        };
    }
    static get properties() {
        return {
            "label": {
                "type": "string",
                "attribute": "label",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": true,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The label for the button."
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "startIcon": {
                "type": "string",
                "attribute": "start-icon",
                "mutable": false,
                "complexType": {
                    "original": "string | null",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "If desired, a prefix icon for the button."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "null"
            },
            "endIcon": {
                "type": "string",
                "attribute": "end-icon",
                "mutable": false,
                "complexType": {
                    "original": "string | null",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "If desired, a suffix icon for the button."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "null"
            },
            "size": {
                "type": "string",
                "attribute": "size",
                "mutable": false,
                "complexType": {
                    "original": "'xsmall' | 'small' | 'normal' | 'medium' | 'large'",
                    "resolved": "\"large\" | \"medium\" | \"normal\" | \"small\" | \"xsmall\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The size (height) of the button."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "'normal'"
            },
            "type": {
                "type": "string",
                "attribute": "type",
                "mutable": false,
                "complexType": {
                    "original": "'button' | 'submit' | 'reset'",
                    "resolved": "\"button\" | \"reset\" | \"submit\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The type of the button."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "'button'"
            },
            "variant": {
                "type": "string",
                "attribute": "variant",
                "mutable": false,
                "complexType": {
                    "original": "'standard' | 'text' | 'outline'",
                    "resolved": "\"outline\" | \"standard\" | \"text\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The display variant of the button."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "'standard'"
            },
            "disabled": {
                "type": "boolean",
                "attribute": "disabled",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Whether the button should be disabled."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "false"
            }
        };
    }
}
//# sourceMappingURL=verdocs-button.js.map
