// src/components/DevApp.tsx
import { BancasWidget } from './BancasWidget'
import { CongresoWidget } from './CongresoWidget'
import MapaBsAs from './MapaBsAs'
import { DipSenTickerWidget } from './DipSenTickerWidget'
import { TelegramaWidget } from './TelegramaWidget'
import { ConcejalesWidget } from './ConcejalesWidget'
import MapaBsAsSecciones from './MapaBsAsSecciones'
import { SenadoresWidget } from './SenadoresWidget'
import { DiputadosWidget } from './DiputadosWidget'
import { ResumenGeneralWidget } from './ResumenGeneralWidget'
import { SenadoresTickerWidget } from './SenadoresTickerWidget'
import { DiputadosTickerWidget } from './DiputadosTickerWidget'
import { ConcejalesTickerWidget } from './ConcejalesTickerWidget'
import { DiputadosPorSeccionWidget } from './DiputadosPorSeccionWidget'
import { SenadoresPorSeccionWidget } from './SenadoresPorSeccionWidget'
import { ConcejalesPorSeccionWidget } from './ConcejalesPorSeccionWidget'
import { ResultadosTablaDetalladaWidget } from './ResultadosTablaDetalladaWidget'
import { ResultadosRankingMunicipioWidget } from './ResultadosRankingMunicipioWidget'
import '../App.css';


export const DevApp = () => {
  return (
    <>
      <h1 style={{ textAlign: 'center', fontFamily: 'sans-serif' }}>
        Showcase de Widgets - Elecciones 2025
      </h1>
      <main>        
        <DipSenTickerWidget />
        <ResumenGeneralWidget />
        <SenadoresWidget />
        <DiputadosWidget />
        <ConcejalesWidget />
        <SenadoresTickerWidget />
        <DiputadosTickerWidget />
        <ConcejalesTickerWidget />
        <DiputadosPorSeccionWidget />
        <SenadoresPorSeccionWidget />
        <ConcejalesPorSeccionWidget />
        <CongresoWidget />
        <BancasWidget />
        <MapaBsAs />
        <MapaBsAsSecciones />
        <TelegramaWidget />
        <ResultadosTablaDetalladaWidget />
        <ResultadosRankingMunicipioWidget />
      </main>
    </>
  );
};