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-description/index.ts
var LuksoFormDescription = class LuksoFormDescription extends TailwindStyledElement(style_default) {
	render() {
		return this.description ? html`
          <lukso-sanitize
            html-content=${this.description ? this.description : nothing}
            class="paragraph-inter-12-regular text-neutral-20 pb-2"
          ></lukso-sanitize>
        ` : nothing;
	}
};
__decorate([property({
	type: String,
	reflect: true
})], LuksoFormDescription.prototype, "description", void 0);
LuksoFormDescription = __decorate([safeCustomElement("lukso-form-description")], LuksoFormDescription);
//#endregion
export { LuksoFormDescription };
