import { jsx as m } from "react/jsx-runtime";
import { useState as a, useEffect as f } from "react";
import { useIconToolContext as p } from "../../../../../contexts/IconToolContext.js";
import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
import { ThumbnailTool as I } from "../../ThumbnailTool.js";
const C = (u) => {
  const { icons: t, slots: s } = u, { setIcons: e } = p(), { setSlots: n } = d(), [r, c] = a(!1), [l, i] = a(!1);
  return f(() => {
    e((o) => ({ ...o, ...t })), c(!0);
  }, [t, e, r, c]), f(() => {
    n((o) => ({ ...o, ...s })), i(!0);
  }, [s, n, l, i]), !r || !l ? null : /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(I, {}) });
};
export {
  C as RPVerticalBar
};
