import { getHeightSizeStyles as e } from "../../../../utils/getSizeStyles/getSizeStyles.js";
const n = {
  /**
   * 🧮 Estilos para el Root del componente `Divider`. 🧮
   */
  root: ({ theme: i, ownerState: t }) => ({
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    position: "relative",
    ...e(
      i.generalSettings.isMobile,
      t?.size || "medium",
      "action",
      (o) => ({
        ...t?.orientation === "horizontal" && {
          height: o,
          width: "100%"
        },
        ...t?.orientation === "vertical" && {
          width: o,
          height: "100%"
        }
      })
    )
  }),
  /**
   * Divider Styles
   */
  /*
  * ➗ Estilos del Divider ➗ */
  /**
   * Styles for the Divider component.
   * @param {object} ownerState - The state of the owner component.
   * @param {object} theme - The theme object.
   * @returns {object} The styles for the Divider component.
   */
  divider: ({ ownerState: i, theme: t }) => ({
    position: "absolute",
    top: i?.orientation === "horizontal" ? "50%" : "0",
    left: i?.orientation === "vertical" ? "50%" : "0",
    transform: i?.orientation === "horizontal" ? "translateY(-50%)" : "translateX(0%)",
    width: i?.orientation === "horizontal" ? "100%" : "1px",
    height: i?.orientation === "vertical" ? "100%" : "1px",
    borderColor: t.vars.palette.border.secondary,
    borderStyle: i?.customVariant === "dash" ? "dashed" : "solid"
  })
};
export {
  n as dividerStyles
};
