import { b as TailwindStyledElement, E, x } from '../../chunks/index-5X9ujrWL.js';
import { n } from '../../chunks/property-DfumgIL6.js';
import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';

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;
};
let LuksoFormDescription = class extends TailwindStyledElement(style) {
  render() {
    return this.description ? x`
          <lukso-sanitize
            html-content=${this.description ? this.description : E}
            class="paragraph-inter-12-regular text-neutral-20 pb-2"
          ></lukso-sanitize>
        ` : E;
  }
};
__decorateClass([
  n({ type: String, reflect: true })
], LuksoFormDescription.prototype, "description", 2);
LuksoFormDescription = __decorateClass([
  safeCustomElement("lukso-form-description")
], LuksoFormDescription);

export { LuksoFormDescription };
