const t = {
  /**
   * Styles for the root MFLoader wrapper.
   * Estilos para el contenedor raíz de MFLoader.
   */
  root: () => ({
    width: "100%",
    height: "100%",
    position: "relative"
  }),
  /**
   * Styles for the active and background MF mount containers.
   * Estilos para los contenedores de montaje del MF activo y del MF en segundo plano.
   */
  mountContainer: ({ ownerState: i }) => ({
    position: "absolute",
    inset: 0,
    width: "100%",
    height: "100%",
    visibility: i?.isVisible ? "visible" : "hidden"
  }),
  /**
   * Styles for the overlay shown during loading and error states.
   * Estilos para la capa superpuesta que se muestra durante los estados de carga y error.
   */
  overlay: () => ({
    position: "absolute",
    inset: 0,
    zIndex: 1,
    display: "flex",
    alignItems: "stretch",
    justifyContent: "center"
  }),
  /**
   * Styles for the loading-progress container.
   * Estilos para el contenedor del progreso de carga.
   */
  progressContainer: () => ({
    width: "100%",
    height: "100%",
    display: "flex",
    alignItems: "center",
    "& .MuiLinearProgress-root": {
      width: "100%"
    }
  })
};
export {
  t as mfLoaderStyles
};
