import { jsx as o, Fragment as l } from "react/jsx-runtime";
import { i as h } from "../../../../ToolbarLayout.module-cbc8e216.js";
import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
import { UIButton as u } from "../../../ui/Button.js";
import a from "../../../ui/RPTooltip.js";
import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
const C = ({ icon: i }) => {
  const { active: n, setActive: r } = h(), { localeMessages: t } = c(), m = () => {
    r(!n);
  };
  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
    u,
    {
      onClick: m,
      active: n,
      "aria-label": t == null ? void 0 : t.thumbnailTooltip,
      children: i || /* @__PURE__ */ o(p, {})
    }
  ) }) });
};
export {
  C as ThumbnailTool
};
