import { getSizeStyles as a } from "../../../../utils/getSizeStyles/getSizeStyles.js";
const s = {
  /**
   * Root areas admin Styles
   */
  root: ({ theme: e }) => ({
    width: "100%",
    display: "flex",
    flexDirection: "row",
    overflow: "auto",
    paddingRight: e.vars.size.baseSpacings["sp2-5"]
  }),
  /**
   * Root areas admin content Styles
   */
  areasAdminContent: () => ({
    display: "flex",
    flexDirection: "row",
    width: "100%"
  }),
  /**
   * Root container admin windows Styles
   */
  containerAdminWindows: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp2
  }),
  areaContainerChipIcon: () => ({
    width: "100%"
  }),
  /**
   * Root area container content chips
   */
  areaContainerContentChips: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    gap: e.vars.size.baseSpacings["sp2-5"]
  }),
  /**
   * Root area content chip Styles
   */
  areaContentChip: ({ theme: e }) => ({
    height: "100%",
    display: "flex",
    flexDirection: "row",
    gap: e.vars.size.baseSpacings.sp1,
    alignItems: "center",
    overflow: "auto hidden"
  }),
  /**
   * Root area chip Styles
   */
  areaChipRoot: () => ({
    width: "fit-content",
    maxWidth: "fit-content",
    display: "flex",
    flexDirection: "row"
  }),
  /**
   * Root area container chip edit button
   */
  areaContainerChipEditButton: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "row",
    "& .M4LIcon-icon": {
      backgroundColor: `${e.vars.palette.primary.contrastText}!important`
    }
  }),
  /**
   * Chip areas Styles
   */
  chipAreas: ({ theme: e, ownerState: i }) => ({
    borderRadius: e.vars.size.borderRadius.r1,
    ...a(
      e,
      i?.size || "small",
      "action"
    ),
    "&:hover > .M4LAreasAdmin-menuActionsChip": {
      opacity: 1,
      pointerEvents: "auto"
    },
    "& .M4LIcon-icon": {
      backgroundColor: i?.isAreaSelected ? `${e.vars.palette.primary.contrastText}!important` : `${e.vars.palette.text.secondary}!important`
    }
  }),
  /**
   * Icon button add area Styles
   */
  iconButtonAddArea: ({ theme: e, ownerState: i }) => ({
    borderRadius: e.vars.size.borderRadius.r1,
    ...a(
      e,
      i?.size || "small",
      "action"
    ),
    "& .M4LIcon-icon": {
      backgroundColor: `${e.vars.palette.text.primary}!important`
    }
  }),
  /**
   * Menu actions Styles
   */
  menuActionsChip: () => ({
    opacity: 0,
    pointerEvents: "none"
  }),
  /**
   * Root area chip mobile Styles
   */
  areaChipMobileRoot: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp1
  }),
  /**
   * Root chip mobile Styles
   */
  chipMobileRoot: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp1
  }),
  /**
   * Root chip mobile content Styles
   */
  chipMobileContent: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    borderRadius: e.vars.size.borderRadius.r1
  }),
  /**
   * Name area chip mobile Styles
   */
  nameChipMobile: ({ theme: e }) => ({
    padding: e.vars.size.baseSpacings.sp1
  }),
  /**
   * Root add areas mobile container
   */
  addAreasMobileContainer: () => ({
    display: "flex",
    flexDirection: "column"
  }),
  /**
   * Root menu actions area chip mobile
   */
  menuActionsAreaChipMobile: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    alignItems: "center",
    alignContent: "center",
    borderRadius: e.vars.size.borderRadius.r1,
    gap: e.vars.size.baseSpacings.sp1
  }),
  buttonAddArea: ({ theme: e }) => ({
    color: e.vars.palette.primary.semanticText
  }),
  /**
   * Root edit area chip container
   */
  editAreaChipContainer: ({ theme: e }) => ({
    borderRadius: e.vars.size.borderRadius.r1,
    display: "flex",
    flexDirection: "column"
  }),
  /**
   * Root edit area header
   */
  editAreaHeader: ({ theme: e }) => ({
    display: "flex",
    padding: e.vars.size.baseSpacings.sp0,
    flexDirection: "column",
    justifyContent: "center",
    gap: e.vars.size.baseSpacings["sp0-5"],
    alignSelf: "stretch"
  }),
  /**
   * Root edit area chip mobile container
   */
  editAreaChipMobileContainer: ({ theme: e }) => ({
    borderRadius: e.vars.size.borderRadius.r1,
    display: "flex",
    flexDirection: "column",
    width: "100%"
  })
};
export {
  s as areasAdminStyles
};
