'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index$1 = require('./index-578e90b1.js');

const Label = class {
    constructor(hostRef) {
        index$1.registerInstance(this, hostRef);
        this.hasFocus = false;
    }
    render() {
        return (index$1.h("label", null, index$1.h("slot", null), this.tooltip && [
            ' ',
            index$1.h("bce-tooltip", { placement: "right" }, this.tooltip)
        ]));
    }
    static get style() { return ":host{--bce-c300:inherit;--bce-c400:inherit;--bce-c500:inherit;--bce-c600:inherit;--bce-c700:inherit;--bce-con1:inherit;--bce-con2:inherit;--bce-con3:inherit;--bce-con4:inherit;position:relative;display:inline-block;-webkit-transition:margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease-in-out;transition:margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease-in-out;pointer-events:none;text-align:left}:host label{pointer-events:auto;display:-ms-flexbox;display:flex}:host bce-tooltip{pointer-events:auto}:host([disabled]){color:var(--bce-con3-surface)}:host([disabled]) bce-tooltip{pointer-events:none}:host([focus]){color:var(--bce-c500)}"; }
};

exports.bce_label = Label;
