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

function App() {
  return (
    <>
      <h1>Resultados Electorales - Provincia de Buenos Aires</h1>
      <main className="space-y-6">
        <ResumenGeneralWidget />
        <hr className="border-gray-300" />
        <SenadoresTickerWidget />
        <hr className="border-gray-300" />
        <DiputadosTickerWidget />
        <hr className="border-gray-300" />
        <ConcejalesTickerWidget />
        <hr className="border-gray-300" />
        <DipSenTickerWidget />
        <hr className="border-gray-300" />
        <SenadoresPorSeccionWidget />
        <hr className="border-gray-300" />
        <DiputadosPorSeccionWidget />
        <hr className="border-gray-300" />
        <ConcejalesPorSeccionWidget />
        <hr className="border-gray-300" />
        <SenadoresWidget />
        <hr className="border-gray-300" />
        <DiputadosWidget />
        <hr className="border-gray-300" />
        <ConcejalesWidget />
        <hr className="border-gray-300" />
        <CongresoWidget />
        <hr className="border-gray-300" />
        <BancasWidget />
        <hr className="border-gray-300" />
        <MapaBsAs />
        <hr className="border-gray-300" />
        <MapaBsAsSecciones />
        <hr className="border-gray-300" />
        <TelegramaWidget />
        <hr className="border-gray-300" />
        <ResultadosTablaDetalladaWidget />
        <hr className="border-gray-300" />
        <ResultadosRankingMunicipioWidget />
      </main>
    </>
  )
}

export default App