"use client";
import { jsx as r } from "react/jsx-runtime";
import { ColorControl as s } from "../../../../components/controls/color.control.js";
import { useSettings as a } from "../../../../hooks/use-settings.js";
import { classNames as i } from "../../../../../../../utils.js";
const d = ({ type: o, fieldName: l, overlayField: t, className: e }) => {
  const [m] = a(t, o);
  return m ? /* @__PURE__ */ r("div", { className: i("mt-4", e), children: /* @__PURE__ */ r(s, { type: o, label: "Color", fieldName: l }) }) : null;
};
export {
  d as default
};
//# sourceMappingURL=slide-overlay-color.control.js.map
