import { safeCustomElement } from "../../shared/safe-custom-element.js";
import { TailwindStyledElement } from "../../shared/tailwind-element/index.js";
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.127.0/helpers/decorate.js";
import style_default from "./style.css?inline.js";
import { html, nothing } from "lit";
import { property } from "lit/decorators.js";
//#region src/components/lukso-form-label/index.ts
var LuksoFormLabel = class LuksoFormLabel extends TailwindStyledElement(style_default) {
	render() {
		return this.label ? html`
          <label
            for=${this.forName ? this.forName : nothing}
            class="heading-inter-14-bold text-neutral-20 pb-2 block"
            >${this.label}</label
          >
        ` : nothing;
	}
};
__decorate([property({
	type: String,
	reflect: true
})], LuksoFormLabel.prototype, "label", void 0);
__decorate([property({
	type: String,
	attribute: "for-name",
	reflect: true
})], LuksoFormLabel.prototype, "forName", void 0);
LuksoFormLabel = __decorate([safeCustomElement("lukso-form-label")], LuksoFormLabel);
//#endregion
export { LuksoFormLabel };
