import { dragResizeWindowRNDClasses as i } from "../../../DragResizeWindowRND/classes/index.js";
const r = {
  /**
   * Root areas viewer Styles
   */
  root: ({ theme: e, ownerState: o }) => ({
    width: "100%",
    height: "100%",
    overflow: "hidden",
    position: "relative",
    background: e.vars.palette.background.base,
    // areaGridLayout
    "& .M4LAreasViewer-areaGridLayout": {
      height: "100% !important",
      overflow: "auto",
      flexGrow: 1,
      [`&.${i.dragging}, &.${i.resizing}`]: {
        pointerEvents: "none",
        userSelect: "none",
        touchAction: "none"
      }
    },
    ...o?.maximized ? {
      background: e.vars.palette.background.default
    } : {}
  }),
  /**
   * Areas root Styles
   */
  areaRoot: ({ ownerState: e }) => ({
    display: "none",
    position: "absolute",
    flexDirection: "row",
    inset: 0,
    overflow: "hidden",
    justifyContent: "flex-start",
    alignItems: "flex-start",
    visibility: "hidden",
    ...e?.selected && {
      display: "block",
      visibility: "visible"
    }
  }),
  /**
   * Inner for hooks Styles
   */
  baseArea: () => ({
    display: "flex",
    flexDirection: "row",
    height: "100%",
    width: "100%",
    overflow: "hidden"
  }),
  /**
   * Wrapper window modal Styles
   */
  wrapperWindowModal: () => ({
    width: "100%",
    height: "100%",
    position: "relative"
  }),
  /**
   * Window base Styles
   */
  windowBase: () => ({})
};
export {
  r as areasViewerStyles
};
