import { Host, h } from "@stencil/core";
export class CardTitle {
    constructor() {
        /**
         * If `true` the card text color becomes white.
         */
        this.inverted = false;
    }
    render() {
        return (h(Host, { key: '480825eb5bb7479126da292aaa53a4fa74a8cd95', class: "bal-card-title" }, h("bal-heading", { key: 'c193388a8ade59840457b375b4a8715bef3e2328', level: "h3", space: "none", inverted: this.inverted }, h("slot", { key: '8c01ab5b70d5aabef47a5693b827fa8e23192c92' }))));
    }
    static get is() { return "bal-card-title"; }
    static get properties() {
        return {
            "inverted": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "If `true` the card text color becomes white."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "inverted",
                "defaultValue": "false"
            }
        };
    }
}
