import { getTypographyStyles as o } from "../../utils/getTypographyStyles.js";
const r = {
  /**
   * Root del componente PrintingSystem
   */
  root: ({ theme: e }) => ({
    position: "absolute",
    backgroundColor: "#fff",
    display: "flex",
    flexDirection: "column",
    alignItems: "center",
    overflow: "visible",
    color: "#5C6A6C",
    top: 0,
    left: 0,
    right: 0,
    height: "auto",
    "&.M4LPrintingSystem-root": {
      position: "absolute",
      backgroundColor: "#fff",
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      overflow: "visible",
      color: "#5C6A6C",
      top: 0,
      left: 0,
      right: 0,
      height: "auto",
      "& .M4LPrintingSystem-pageNodeRoot": {
        overflow: "hidden",
        display: "flex",
        flexDirection: "column",
        pageBreakBefore: "always",
        backgroundColor: "#fff"
      },
      "& .M4LPrintingSystem-sectionNodeRoot": {
        display: "flex",
        overflow: "hidden"
      },
      "& .M4LPrintingSystem-headerNodeRoot": {
        display: "flex",
        justifyContent: "space-between",
        overflow: "hidden"
      },
      "& .M4LPrintingSystem-footerNodeRoot": {
        display: "flex",
        justifyContent: "space-between",
        overflow: "hidden"
      },
      "& .M4LPrintingSystem-textBoxNodeRoot": {
        height: "auto",
        "&.M4LPrintingSystem-textBoxNodeVariant-h1": {
          ...e.colorSchemes.finalTheme.typography.h1,
          fontSize: "18px!important"
        },
        "&.M4LPrintingSystem-textBoxNodeVariant-h3": {
          ...e.colorSchemes.finalTheme.typography.subtitle
        },
        "&.M4LPrintingSystem-textBoxNodeVariant-body": {
          ...e.colorSchemes.finalTheme.typography.body
        },
        "&.M4LPrintingSystem-textBoxNodeVariant-action": {
          ...e.colorSchemes.finalTheme.typography.action,
          fontSize: "10px!important"
        }
      },
      "& .M4LPrintingSystem-bodyNodeRoot": {
        display: "flex",
        flex: "1"
      },
      "& .M4LPrintingSystem-paperNodeRoot": {
        display: "flex",
        flexDirection: "column",
        "& .M4LPrintingSystem-paperNodeContainerTitles": {
          display: "flex",
          padding: "4px",
          border: "2px",
          backgroundColor: "#F0F2F2",
          "& .M4LPrintingSystem-paperNodeTitle": {
            ...e.colorSchemes.finalTheme.typography.subtitleDens,
            fontSize: "12px!important",
            color: "#364040"
          },
          "& .M4LPrintingSystem-paperNodeTitleSecondary": {
            ...e.colorSchemes.finalTheme.typography.subtitleDens,
            fontSize: "12px!important",
            paddingLeft: "10px",
            marginLeft: "10px",
            borderLeft: "1px solid",
            borderColor: "#A7B4B9"
          }
        },
        "& .M4LPrintingSystem-paperNodeContent": {
          padding: "4px",
          display: "flex",
          flexDirection: "column",
          gap: "3px"
        }
      },
      "& .M4LPrintingSystem-propertyValueNodeRoot": {
        display: "flex",
        "&.M4LPrintingSystem-propertyValueNodeVertical": {
          flexDirection: "row",
          "& .M4LPrintingSystem-propertyValueNodeContent": {
            padding: "4px 0px 4px 8px"
          },
          "& .M4LPrintingSystem-propertyValueNodeTitle": {
            padding: "4px"
          }
        },
        "&.M4LPrintingSystem-propertyValueNodeHorizontal": {
          flexDirection: "column",
          "& .M4LPrintingSystem-propertyValueNodeContent": {
            padding: "4px 0",
            border: "unset"
          },
          "& .M4LPrintingSystem-propertyValueNodeTitle": {
            padding: "4px 0"
          }
        },
        "& .M4LPrintingSystem-propertyValueNodeTitle": {
          ...e.colorSchemes.finalTheme.typography.body,
          color: "#323B3B",
          borderBottom: "1px solid",
          borderColor: "#323B3B"
        },
        "& .M4LPrintingSystem-propertyValueNodeContent": {
          ...e.colorSchemes.finalTheme.typography.body,
          width: "100%",
          borderBottom: "1px solid",
          borderColor: "#E9EBEB"
        }
      },
      "& .M4LPrintingSystem-dividerNodeRoot": {
        backgroundColor: "#c9c9c9",
        "&.M4LPrintingSystem-dividerNodeVertical": {
          width: "1px",
          height: "100%"
        },
        "&.M4LPrintingSystem-dividerNodeHorizontal": {
          height: "1px",
          width: "100%"
        }
      },
      "& .M4LPrintingSystem-gridNodeRoot": {
        borderCollapse: "collapse",
        width: "100%",
        "& .M4LPrintingSystem-gridNodeTh": {
          display: "flex",
          alignItems: "center",
          padding: "2px 10px",
          height: "40px",
          borderRadius: "2px",
          backgroundColor: "#E1E9EA",
          flex: "1",
          ...e.colorSchemes.finalTheme.typography.bodyDens,
          color: "#364040",
          "&:first-of-type": {
            borderTopLeftRadius: "10px"
          },
          "&:last-of-type": {
            borderTopRightRadius: "10px",
            flex: 1
          }
        },
        "& .M4LPrintingSystem-gridNodeTd": {
          display: "flex",
          alignItems: "center",
          padding: "2px 10px",
          minHeight: "30px",
          height: "auto",
          flex: "1",
          ...e.colorSchemes.finalTheme.typography.body,
          color: "#364040"
        },
        "& .M4LPrintingSystem-gridNodeTr": {
          display: "flex",
          width: "100%",
          gap: "2px",
          "&:nth-of-type(odd) .M4LPrintingSystem-gridNodeTd": {
            backgroundColor: "#F0F4F4"
          },
          "&:nth-of-type(even) .M4LPrintingSystem-gridNodeTd": {
            backgroundColor: "#F7FCFC"
          }
        }
      },
      "& .M4LPrintingSystem-chartNodeRoot": {
        display: "flex",
        justifyContent: "center",
        maxHeight: "300px"
      }
    }
  }),
  /**
   * Root del componente PageNode
   */
  pageNodeRoot: () => ({
    overflow: "hidden",
    display: "flex",
    flexDirection: "column",
    pageBreakBefore: "always",
    backgroundColor: "#fff"
  }),
  /**
   * Root del componente SectionNode
   */
  sectionNodeRoot: () => ({
    display: "flex",
    overflow: "hidden"
  }),
  /**
   * Root del componente HeaderNode
   */
  headerNodeRoot: () => ({
    display: "flex",
    justifyContent: "space-between",
    overflow: "hidden"
  }),
  /**
   * Root del componente FooterNode
   */
  footerNodeRoot: () => ({
    display: "flex",
    justifyContent: "space-between",
    overflow: "hidden"
  }),
  /**
   * Root del componente TextBoxNode
   */
  textBoxNodeRoot: ({ theme: e, ownerState: i }) => ({
    height: "auto",
    ...i?.variant === "bodyStandard" && {
      ...o(
        e.generalSettings.isMobile,
        i?.size || "medium",
        i?.variant || "bodyStandard"
      )
    },
    ...i?.variant === "h1" && {
      ...o(
        e.generalSettings.isMobile,
        i?.size || "medium",
        i?.variant || "h1"
      ),
      fontSize: `${e.size.baseSpacings.sp4} !important`
    },
    ...i?.variant === "h3" && {
      ...o(
        e.generalSettings.isMobile,
        i?.size || "medium",
        i?.variant || "subtitleStandard"
      )
    }
  }),
  /**
   * Root del componente BodyNode
   */
  bodyNodeRoot: () => ({
    display: "flex",
    flex: "1"
  }),
  /**
   * Root del componente PaperNode
   */
  paperNodeRoot: () => ({
    display: "flex",
    flexDirection: "column"
  }),
  /**
   * Container de titulos del componente PaperNode
   */
  paperNodeContainerTitles: ({ theme: e }) => ({
    display: "flex",
    padding: e.vars.size.baseSpacings.sp1,
    border: e.vars.size.baseSpacings["sp0-5"],
    backgroundColor: "#F0F2F2"
  }),
  /**
   * Titulo del componente PaperNode
   */
  paperNodeTitle: ({ theme: e, ownerState: i }) => ({
    ...o(
      e.generalSettings.isMobile,
      i?.size || "medium",
      i?.variant || "subtitleDens"
    ),
    fontSize: `${e.vars.size.baseSpacings.sp3} !important`,
    color: "#364040"
  }),
  /**
   * Titulo secundario del componente PaperNode
   */
  paperNodeTitleSecondary: ({ theme: e, ownerState: i }) => ({
    ...o(
      e.generalSettings.isMobile,
      i?.size || "medium",
      i?.variant || "subtitleDens"
    ),
    fontSize: `${e.vars.size.baseSpacings.sp3} !important`,
    paddingLeft: e.size.baseSpacings["sp2-5"],
    marginLeft: e.size.baseSpacings["sp2-5"],
    borderLeft: "1px solid",
    borderColor: "#A7B4B9"
  }),
  /**
   * Contenido del componente PaperNode
   */
  paperNodeContent: ({ theme: e }) => ({
    padding: e.vars.size.baseSpacings.sp1,
    display: "flex",
    flexDirection: "column",
    gap: e.size.baseSpacings["sp0-5"]
  }),
  /**
   * Root del componente PropertyValueNode
   */
  propertyValueNodeRoot: ({ ownerState: e }) => ({
    display: "flex",
    flexDirection: e?.direction === "column" ? "column" : "row"
  }),
  /**
   * Titulo del componente PropertyValueNode
   */
  propertyValueNodeTitle: ({ theme: e, ownerState: i }) => ({
    padding: e.size.baseSpacings.sp1,
    ...o(
      e.generalSettings.isMobile,
      i?.size || "medium",
      i?.variant || "bodyStandard"
    ),
    color: "#323B3B",
    borderBottom: "1px solid",
    borderColor: "#323B3B"
  }),
  /**
   * Contenido del componente PropertyValueNode
   */
  propertyValueNodeContent: ({ theme: e, ownerState: i }) => ({
    padding: e.size.baseSpacings.sp1,
    border: "unset",
    ...o(
      e.generalSettings.isMobile,
      i?.size || "medium",
      i?.variant || "bodyStandard"
    ),
    width: "100%",
    borderBottom: "1px solid",
    borderColor: "#E9EBEB"
  }),
  /**
   * Root del componente DividerNode
   */
  dividerNodeRoot: () => ({
    backgroundColor: "#c9c9c9",
    "&.M4LPrintingSystem-dividerNodeVertical": {
      width: "1px",
      height: "100%"
    },
    "&.M4LPrintingSystem-dividerNodeHorizontal": {
      height: "1px",
      width: "100%"
    }
  }),
  /**
   * Root del componente GridNode
   */
  gridNodeRoot: () => ({
    borderCollapse: "collapse",
    width: "100%"
  }),
  /**
   * Celda del componente GridNode
   */
  gridNodeTd: ({ theme: e, ownerState: i }) => ({
    display: "flex",
    alignItems: "center",
    padding: `${e.size.baseSpacings["sp0-5"]} ${e.size.baseSpacings["sp2-5"]}`,
    minHeight: e.size.baseSpacings.sp7,
    height: "auto",
    flex: "1",
    ...o(
      e.generalSettings.isMobile,
      i?.size || "medium",
      i?.variant || "bodyStandard"
    ),
    color: "#364040"
  }),
  /**
   * Celda del componente GridNode
   */
  gridNodeTh: ({ theme: e, ownerState: i }) => ({
    display: "flex",
    alignItems: "center",
    padding: `${e.size.baseSpacings["sp0-5"]} ${e.size.baseSpacings["sp2-5"]}`,
    height: e.size.baseSpacings.sp10,
    borderRadius: e.size.baseSpacings["sp2-5"],
    backgroundColor: "#E1E9EA",
    flex: "1",
    ...o(
      e.generalSettings.isMobile,
      i?.size || "medium",
      i?.variant || "bodyDens"
    ),
    color: "#364040",
    "&:first-of-type": {
      borderTopLeftRadius: e.size.baseSpacings["sp2-5"]
    },
    "&:last-of-type": {
      borderTopRightRadius: e.size.baseSpacings["sp2-5"],
      flex: 1
    }
  }),
  /**
   * Fila del componente GridNode
   */
  gridNodeTr: ({ theme: e }) => ({
    display: "flex",
    width: "100%",
    gap: e.size.baseSpacings["sp0-5"],
    "&:nth-of-type(odd) .M4LPrintingSystem-gridNodeTd": {
      backgroundColor: "#F0F4F4"
    },
    "&:nth-of-type(even) .M4LPrintingSystem-gridNodeTd": {
      backgroundColor: "#F7FCFC"
    }
  }),
  /**
   * Root del componente ChartNode
   */
  chartNodeRoot: () => ({
    display: "flex",
    justifyContent: "center",
    maxHeight: "300px"
  })
};
export {
  r as printingSystemStyles
};
