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