import { useCreation as g } from "ahooks";
import { useTheme as u } from "@mui/material";
import "../Theme/theme.js";
import "../Theme/theme-provider.js";
import f from "./use-mobile.js";
function M({
  key: l = "sm",
  meta: o = {},
  theme: t = {},
  square: e
} = {}) {
  const p = f({ key: l }), r = u(), n = g(() => t?.palette?.mode || r.palette.mode, [r, t]);
  return g(() => {
    const { appLogo: c, appLogoDark: s, appLogoRect: a, appLogoRectDark: L } = Object.assign({}, window.blocklet ?? {}, o), i = n === "dark", m = (i ? s : c) || c;
    return p || e ? m : (i ? L || s : a) || a || m || "";
  }, [n, o, p, e]);
}
export {
  M as default
};
