// MERGE GUIDE — no reemplazar App.tsx completo, solo agregar lo marcado.
//
// 1. Agregar estos imports al inicio del archivo:

import { ThemeProvider } from '@material-hu/mui/styles';
import { createHuGoTheme } from '@material-hu/theme/hugo';
import { DialogLayerProvider } from '@material-hu/components/layers/Dialogs';
import { DrawerLayerProvider } from '@material-hu/components/layers/Drawers';
import { MenuLayerProvider } from '@material-hu/components/layers/Menus';

// 2. Dentro del componente raíz, agregar antes del return:

const theme = createHuGoTheme();

// 3. Envolver el contenido existente del return con los providers.
//    El contenido actual queda dentro de DrawerLayerProvider sin cambios.
//
// Resultado esperado:
//
// return (
//   <ThemeProvider theme={theme}>
//     <MenuLayerProvider>
//       <DialogLayerProvider>
//         <DrawerLayerProvider>
//           {/* contenido existente sin modificar */}
//         </DrawerLayerProvider>
//       </DialogLayerProvider>
//     </MenuLayerProvider>
//   </ThemeProvider>
// );
//
// Si el archivo ya tiene <ThemeProvider> de @mui/material/styles,
// reemplazar ese import y su instancia por los de material-hu.
