const o = {
  /**
   * Contenedor principal que organiza filtros y grilla en una estructura vertical.
   */
  root: () => ({
    height: "100%",
    width: "100%",
    display: "flex",
    flexDirection: "column",
    justifyContent: "flex-start",
    gap: "4px"
  }),
  /**
   * Contenedor para los filtros ubicados en la parte superior del componente.
   */
  actionsWrapperStyled: ({ theme: t }) => ({
    position: "relative",
    height: "auto",
    display: "flex",
    flexDirection: "row",
    justifyContent: "flex-start",
    alignItems: "center",
    "& .MuiFormControl-root": {
      flexGrow: 1
    },
    [t.breakpoints.up("sm")]: {
      "& .MuiFormControl-root:nth-of-type(1)": {
        marginRight: t.spacing(3)
      }
    }
  }),
  /**
   * Contenedor para la tabla de datos que se expande para llenar el espacio disponible.
   */
  gridWrapperStyled: () => ({
    position: "relative",
    flexGrow: "1",
    overflow: "auto",
    width: "100%"
  }),
  /**
   * Estilos para los iconos dentro de botones y otros elementos.
   */
  iconStyled: {},
  iconClickeableStyled: () => ({
    cursor: "pointer"
  }),
  /**
   * Estilos para el componente Stack usado en los modales.
   */
  stackStyled: {},
  /**
   * Estilos para la ventana base de los modales.
   */
  windowBaseStyled: {},
  /**
   * Estilos para el panel de diálogo que muestra detalles de un log.
   */
  detailDialogComponent: {},
  /**
   * Estilos para los tooltips de acciones e iconos.
   */
  tooltipStyled: {},
  /**
   * Estilos para los botones de acción con iconos.
   */
  iconButtonStyled: {},
  /**
   * Estilos para el visualizador de datos JSON en el panel de detalles.
   */
  reactJsonSlot: {}
};
export {
  o as objectLogsStyles
};
