'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const shared_tailwindElement_index = require('../../index-BrCI3J0U.cjs');
const safeCustomElement = require('../../safe-custom-element-aQA8AVmr.cjs');

const style = ":host {\n    display: flex\n}";

var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __decorateClass = (decorators, target, key, kind) => {
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
    if (decorator = decorators[i])
      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
  if (kind && result) __defProp(target, key, result);
  return result;
};
exports.LuksoFormLabel = class LuksoFormLabel extends shared_tailwindElement_index.TailwindStyledElement(style) {
  render() {
    return this.label ? shared_tailwindElement_index.x`
          <label
            for=${this.forName ? this.forName : shared_tailwindElement_index.E}
            class="heading-inter-14-bold text-neutral-20 pb-2 block"
            >${this.label}</label
          >
        ` : shared_tailwindElement_index.E;
  }
};
__decorateClass([
  safeCustomElement.n({ type: String, reflect: true })
], exports.LuksoFormLabel.prototype, "label", 2);
__decorateClass([
  safeCustomElement.n({ type: String, attribute: "for-name", reflect: true })
], exports.LuksoFormLabel.prototype, "forName", 2);
exports.LuksoFormLabel = __decorateClass([
  safeCustomElement.safeCustomElement("lukso-form-label")
], exports.LuksoFormLabel);
