import { Host, h } from "@stencil/core";
export class ThemeProvider {
    constructor() {
        this.theme = 'light';
    }
    render() {
        return (h(Host, { key: '00f219d9bf4cc477d802397d1f90f043e8e41d4d', class: { theme: true, [`theme--${this.theme}`]: true } }, h("slot", { key: 'cc55c336880d2f6550ffa5e7bd14bb3e0c48fd9c' })));
    }
    static get is() { return "bds-theme-provider"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["theme-provider.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["theme-provider.css"]
        };
    }
    static get properties() {
        return {
            "theme": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "Themes",
                    "resolved": "\"dark\" | \"high-contrast\" | \"light\"",
                    "references": {
                        "Themes": {
                            "location": "local",
                            "path": "/home/runner/work/blip-ds/blip-ds/src/components/theme-provider/theme-provider.tsx",
                            "id": "src/components/theme-provider/theme-provider.tsx::Themes"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Set what theme will be aplyed inside the component.\n'light', 'dark';"
                },
                "attribute": "theme",
                "reflect": false,
                "defaultValue": "'light'"
            }
        };
    }
}
//# sourceMappingURL=theme-provider.js.map
