import { jsx as r } from "@emotion/react/jsx-runtime";
import { useState as m } from "react";
import { Icon as i } from "@m4l/base";
import { useModuleDictionary as f } from "@m4l/core";
import { DICTIONARY as l } from "../../dictionary.js";
import { PATH_ICONS as n } from "../../icons.js";
import { SettingFullscreenStyled as a } from "../../slots/SettingsLayoutSlots.js";
const C = (c) => {
  const { prefixPathIcon: e } = c, [t, o] = m(!1), { getLabel: s } = f(), u = () => {
    document.fullscreenElement ? document.exitFullscreen && (document.exitFullscreen(), o(!1)) : (document.documentElement.requestFullscreen(), o(!0));
  };
  return /* @__PURE__ */ r(
    a,
    {
      fullWidth: !0,
      variant: "contained",
      color: "default",
      startIcon: /* @__PURE__ */ r(
        i,
        {
          src: t ? `${e}/${n.FULLSCREEN_EXIT}` : `${e}/${n.FULLSCREEN}`
        }
      ),
      onClick: u,
      label: s(t ? l.EXIT_FULLSCREEN : l.FULLSCREEN)
    }
  );
};
export {
  C as SettingFullscreen
};
