const a = {
  /**
   * ****************************************************
   * Estilos para el contenedor raíz del componente.
   * ****************************************************
   */
  appBarRoot: ({ theme: s }) => ({
    display: "flex",
    flexDirection: "row",
    flexWrap: "nowrap",
    alignItems: "center",
    height: s.vars.size.baseSpacings.sp12,
    minHeight: s.vars.size.baseSpacings.sp12,
    padding: `0 ${s.generalSettings.isMobile ? s.vars.size.baseSpacings.sp2 : s.vars.size.baseSpacings.sp4}`,
    borderBottom: `1px solid ${s.vars.palette.border.default}`,
    gap: s.vars.size.baseSpacings.sp3,
    width: "100%",
    overflow: "hidden"
  }),
  /**
   ****************************************************
   * Estilos para el contenedor del logotipo y nombre.
   * ****************************************************
   */
  containerIsotypeName: ({ theme: s }) => ({
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "space-between",
    gap: s.vars.size.baseSpacings.sp3,
    padding: `${s.vars.size.baseSpacings.sp3} 0`,
    /**
     * Se pone los px directamente porque no existe un token con este valor
     */
    width: "204px",
    minWidth: "204px"
  }),
  /**
   * ****************************************************
   * Estilos para el botón de menú de la barra de app
   * en mobile.
   * ****************************************************
   */
  menuIconButton: ({ theme: s }) => ({
    border: `1px solid ${s.vars.palette.border.default}`,
    margin: `${s.vars.size.baseSpacings.sp3} 0`
  }),
  /**
   * **************************************************************
   * Estilos para el contenedor de los elementos hijos del appbar
   * **************************************************************
   */
  content: ({ theme: s }) => ({
    padding: `0 ${s.vars.size.baseSpacings.sp2}`,
    display: "flex",
    flexDirection: "row",
    justifyContent: "flex-start",
    alignItems: "center",
    flex: "1",
    height: s.vars.size.baseSpacings.sp12,
    overflow: "auto"
  })
};
export {
  a as appBarStyles
};
