import { styled as t } from "@mui/material/styles";
import { SettingsLayoutSlots as e } from "./SettingsLayoutEnum.js";
import { SETTINGS_LAYOUT_COMPONENT_KEY as o } from "../constants.js";
import { settingsLayoutStyles as n } from "../SettingsLayout.styles.js";
import { Backdrop as s } from "@mui/material";
import { Typography as r, Icon as i } from "@m4l/base";
import { Button as l } from "../../extended/mui/Button/Button.js";
const C = t("div", {
  name: o,
  slot: e.root
})(n.root), p = t(s, {
  name: o,
  slot: e.backdrop
})(n.backdrop);
t(i, {
  name: o,
  slot: e.icon
})(n.icon);
const I = t(r, {
  name: o,
  slot: e.typography
})(n.typography), v = t("div", {
  name: o,
  slot: e.headerContainer
})(n.headerContainer), T = t("div", {
  name: o,
  slot: e.headerActions
})(n.headerActions);
t("div", {
  name: o,
  slot: e.divider
})(n.divider);
const h = t("div", {
  name: o,
  slot: e.bodyContent
})(n.bodyContent), f = t("div", {
  name: o,
  slot: e.settingContainer
})(n.settingContainer), u = t("div", {
  name: o,
  slot: e.settingIconTitle
})(n.settingIconTitle), b = t("div", {
  name: o,
  slot: e.settingItem
})(n.settingItem), k = t("div", {
  name: o,
  slot: e.settingItemContent
})(n.settingItemContent), A = t(i, {
  name: o,
  slot: e.settingItemColor
})(n.settingItemColor), B = t("div", {
  name: o,
  slot: e.settingItemColorContainer
})(n.settingItemColorContainer), L = t(l, {
  name: o,
  slot: e.settingFullscreen
})(n.settingFullscreen);
export {
  p as BackdropStyled,
  h as BodyContentStyled,
  T as HeaderActionsStyled,
  v as HeaderContainerStyled,
  f as SettingContainerStyled,
  L as SettingFullscreenStyled,
  u as SettingIconTitleStyled,
  B as SettingItemColorContainerStyled,
  A as SettingItemColorStyled,
  k as SettingItemContentStyled,
  b as SettingItemStyled,
  C as SettingsLayoutRootStyled,
  I as TypographyStyled
};
