import { jsx as e } from "react/jsx-runtime";
import { IconButton as n } from "@mui/material";
import { Brightness2Outlined as i, LightModeOutlined as l } from "@mui/icons-material";
import { useColorScheme as s } from "../Theme/theme-provider.js";
function f() {
  const { mode: r, toggleMode: o, prefer: t } = s();
  return o ? t === "system" || window.blocklet?.theme?.prefer === "system" ? /* @__PURE__ */ e(n, { onClick: o, children: r === "light" ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e(l, {}) }) : null : (process.env.NODE_ENV !== "production" && console.warn("Please ensure the component is wrapped with ConfigProvider context"), null);
}
export {
  f as default
};
