const s = {
  /**
   * Contenedor del sidebar en modo desktop, contiene el contenido del sidebar
   * y el boton de anclaje. Permite poner el boton de anclaje en posicion absoluta
   * sin que se oculte por el overflow hidden que tiene el contenido del sidebar
   */
  containerDesktopContent: ({ theme: t, ownerState: i }) => {
    const e = i?.anchored ? i?.expandedWidth : i?.variant === "host" ? 0 : t.vars.size.baseSpacings.sp10;
    return {
      height: "100%",
      position: "relative",
      minWidth: e,
      maxWidth: e,
      transition: "all 0.5s"
    };
  },
  /**
   * Styles applied to the root element of the `SideBar` component in desktop mode.
   */
  containerDesktopRoot: ({ theme: t }) => ({
    height: "100%",
    width: "100%",
    overflow: "visible",
    borderRight: `1px solid ${t.vars.palette.border.disabled}`,
    inset: 0,
    //add hover effect
    zIndex: 999
  })
};
export {
  s as sideBarDesktopStyles
};
