import { defineComponent as r, createElementBlock as s, openBlock as t, createElementVNode as o, renderSlot as n, createCommentVNode as p, toDisplayString as c } from "vue";
const d = { class: "space-y-8" }, i = { class: "flex items-center justify-between" }, l = { class: "space-y-8" }, a = { class: "fm-typo-en-body-lg-600" }, m = {
  key: 0,
  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
}, h = /* @__PURE__ */ r({
  __name: "FormItem",
  props: {
    label: {},
    description: {}
  },
  setup(_) {
    return (e, y) => (t(), s("div", d, [
      o("div", i, [
        o("div", l, [
          o("p", a, c(e.label), 1),
          e.description ? (t(), s("p", m, c(e.description), 1)) : p("", !0)
        ]),
        n(e.$slots, "append")
      ]),
      n(e.$slots, "default")
    ]));
  }
});
export {
  h as _
};
