inegicomponente/src/Componentes/Main.js

Componentes de visualizacion 2023 - Graficas

/**==============================================
 *                   COMPONENTE CUADRO BASICO
 *   Fecha 19-01-2023
 *   Modificado 00-00-0000
 *   Descripcion: Estructura de componentes para el Tabulador 
 *
 *=============================================**/

import React, {useEffect, useId} from "react";
import { StoreProvider } from "../Stores/Global";
import Layout from '../Layouts/Layout';
import 'bootstrap/dist/css/bootstrap.css'
import '../Styles/tema.css';

const Main = ({config}) => {  
    // Genera los id de contenedor y componente para guardarlos en el state global
    const idUnique = (useId()).replaceAll(":","");
    const idg = config.id;
    config.contenedorId = ("cit-contenedor-"+ idg).toLowerCase()+"-"+idUnique;
    config.componenteId = ("cit-grafica-"+ idg).toLowerCase()+"-"+idUnique;
    config.domId = idg;            
    config.id = idg +"-"+ idUnique;            
    
    return ( 
        <StoreProvider>         
            <Layout initConfig={config}/>            
        </StoreProvider>        
    )
}
export default Main;