const o = "poupup_root", t = {
  /**
   * TODO: Documentar
   */
  root: ({ ownerState: e }) => ({
    containerName: o,
    containerType: "inline-size",
    position: "absolute",
    left: "0px",
    top: "0px",
    width: "0px",
    height: "0px",
    cursor: "default",
    zIndex: e?.baseZindex || 0
  }),
  /**
   * TODO: Documentar      global: {
   * id: 'global',
   * },
   */
  popupDragWindowRoot: ({ ownerState: e }) => ({
    display: "flex",
    flexDirection: "column",
    position: "relative",
    width: "100%",
    height: "100%",
    backgroundColor: "transparent",
    zIndex: e?.zIndex || 0,
    "&.fade-enter": {
      opacity: 0
    },
    "&.fade-enter-active": {
      opacity: 1,
      transition: "opacity 30ms"
    },
    "&.fade-enter-done": {
      opacity: 1
    },
    "& .fade-exit": {
      opacity: 1
    },
    "& .fade-exit-active": {
      opacity: 0
      //transition: 'opacity 10ms',
    },
    ...e?.status === "hidden" ? {
      visibility: "hidden",
      pointerEvents: "none"
    } : {}
  }),
  /**
   * TODO: Documentar
   */
  pDWHeaderContainer: ({ ownerState: e }) => ({
    display: "flex",
    position: "relative",
    margin: "6px",
    gap: "8px",
    marginLeft: "8px",
    borderBottom: "2px solid blue",
    cursor: "move",
    ...e?.variant === "small" ? {
      border: "1px solid green"
    } : {}
  }),
  /**
   * TODO: Documentar
   */
  pDWHeaderTitle: ({ ownerState: e }) => ({
    flexGrow: 1,
    fontWeight: "bold",
    ...e?.subTitle ? {
      flexGrow: "unset",
      "&:after": {
        content: '"*"',
        color: "red",
        fontSize: "22px",
        top: "0px",
        bottom: "0px",
        position: "absolute"
      }
    } : {}
  }),
  pDWHeaderSubTitle: () => ({
    flexGrow: 1
  }),
  /**
   * TODO: Documentar
   */
  pDWContentRoot: () => ({
    display: "flex",
    padding: "12px",
    position: "relative",
    flexGrow: 1,
    flexDirection: "column",
    overflow: "hidden"
  }),
  /**
   * TODO: Documentar
   */
  pDWContentWrapper: () => ({
    flexGrow: 1,
    display: "flex",
    position: "relative",
    overflow: "auto"
  })
};
export {
  t as popupsViewerStyles
};
