"use client";
import { jsx as r } from "react/jsx-runtime";
import { SelectControl as a } from "../../../../components/controls/select.control.js";
import { useSettings as u } from "../../../../hooks/use-settings.js";
const s = ({ type: e, fieldName: n, overlayField: o, className: t }) => {
  const [l] = u(o, e);
  return l ? /* @__PURE__ */ r(
    a,
    {
      options: [
        { content: "Normal", value: "" },
        { content: "Screen", value: "screen" },
        { content: "Overlay", value: "overlay" },
        { content: "Darken", value: "darken" },
        { content: "Lighten", value: "lighten" },
        { content: "Color Dodge", value: "color-dodge" },
        { content: "Saturation", value: "saturation" },
        { content: "Color", value: "color" },
        { content: "Difference", value: "difference" },
        { content: "Exclusion", value: "exclusion" },
        { content: "Hue", value: "hue" },
        { content: "Luminosity", value: "luminosity" }
      ],
      type: e,
      fieldName: n,
      label: "Blend Mode",
      className: t
    }
  ) : null;
};
export {
  s as default
};
//# sourceMappingURL=slide-overlay-blend.control.js.map
