"use client";
import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { BreakpointSelector as u } from "../../../../components/shared/breakpoint-selector.js";
import { Label as N } from "../../../../components/shared/label.js";
import { LanguageSelector as g } from "../../../../components/shared/language-selector.js";
import { TextEditor as h } from "../../../../components/shared/text-editor.js";
import { useFieldName as S } from "../../../../hooks/use-field-name.js";
import { useSettings as T } from "../../../../hooks/use-settings.js";
import { classNames as j } from "../../../../utils/index.js";
import { useId as k } from "react";
const L = ({
  className: a,
  label: t,
  responsive: o,
  mode: s,
  isLocalized: m,
  type: l,
  fieldName: f,
  labelProps: i,
  placeholder: c
}) => {
  const n = S({
    key: f,
    responsive: o,
    mode: s,
    isLocalized: m
  }), [p, x] = T(n, l), d = k();
  return /* @__PURE__ */ r("div", { className: j("mt-4 flex w-full flex-col gap-1.5", a), children: [
    t && /* @__PURE__ */ r(N, { htmlFor: d, className: "flex flex-1 items-center gap-1", ...i, children: [
      t,
      " ",
      o && /* @__PURE__ */ e(u, {}),
      " ",
      m && /* @__PURE__ */ e(g, { className: "ms-auto" })
    ] }),
    /* @__PURE__ */ e(
      h,
      {
        placeholder: c,
        value: p,
        onChange: x,
        className: "control pb-4"
      }
    )
  ] });
};
export {
  L as default
};
//# sourceMappingURL=text-editor.control.js.map
