import { getHeightSizeStyles as r } from "../../../../utils/getSizeStyles/getSizeStyles.js";
const o = {
  /**
   * MenuDivider Styles
   */
  root: ({ theme: e, ownerState: i }) => ({
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    position: "relative",
    ...r(
      e.generalSettings.isMobile,
      i?.MenuDividerSize || "medium",
      "action",
      (t) => ({
        ...i?.MenuDividerOrientation === "horizontal" && {
          height: t,
          width: "100%"
        },
        ...i?.MenuDividerOrientation === "vertical" && {
          width: t,
          height: "100%"
        }
      })
    )
  }),
  /**
   * MenuDivider Divider Styles
   */
  divider: ({ theme: e, ownerState: i }) => ({
    position: "absolute",
    top: i?.MenuDividerOrientation === "horizontal" ? "50%" : "0",
    left: i?.MenuDividerOrientation === "vertical" ? "50%" : "0",
    transform: i?.MenuDividerOrientation === "horizontal" ? "translateY(-50%)" : "translateX(-50%)",
    width: i?.MenuDividerOrientation === "horizontal" ? "100%" : "1px",
    height: i?.MenuDividerOrientation === "vertical" ? "100%" : "1px",
    borderColor: e.vars.palette.border.secondary,
    borderStyle: i?.MenuDividerVariant === "dash" ? "dashed" : "solid"
  })
};
export {
  o as menuDividerStyles
};
