const { useState } = React; const { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } = Recharts; const jogadores = [ { nome: "João Silva", posicao: "Atacante", idade: 25, imagem: "https://via.placeholder.com/80" }, { nome: "Lucas Pereira", posicao: "Meia", idade: 22, imagem: "https://via.placeholder.com/80" }, { nome: "Pedro Santos", posicao: "Defensor", idade: 28, imagem: "https://via.placeholder.com/80" } ]; const estatisticasLigas = { "Brasileirão": [ { time: 'Atlético-MG', chutes: 14, escanteios: 6, gols: 2, desarmes: 18 }, { time: 'Palmeiras', chutes: 10, escanteios: 4, gols: 1, desarmes: 20 }, { time: 'Flamengo', chutes: 16, escanteios: 5, gols: 3, desarmes: 17 }, ], "Premier League": [ { time: 'Manchester City', chutes: 18, escanteios: 7, gols: 3, desarmes: 22 }, { time: 'Arsenal', chutes: 13, escanteios: 5, gols: 2, desarmes: 19 }, { time: 'Liverpool', chutes: 15, escanteios: 6, gols: 2, desarmes: 21 }, ], "La Liga": [ { time: 'Real Madrid', chutes: 17, escanteios: 6, gols: 3, desarmes: 23 }, { time: 'Barcelona', chutes: 14, escanteios: 4, gols: 2, desarmes: 20 }, { time: 'Atlético Madrid', chutes: 12, escanteios: 5, gols: 1, desarmes: 18 }, ], "Bundesliga": [ { time: 'Bayern de Munique', chutes: 20, escanteios: 8, gols: 4, desarmes: 25 }, { time: 'Borussia Dortmund', chutes: 15, escanteios: 6, gols: 2, desarmes: 21 }, { time: 'RB Leipzig', chutes: 13, escanteios: 5, gols: 2, desarmes: 19 }, ], "Ligue 1": [ { time: 'PSG', chutes: 19, escanteios: 7, gols: 3, desarmes: 24 }, { time: 'Marseille', chutes: 13, escanteios: 4, gols: 1, desarmes: 20 }, { time: 'Lyon', chutes: 11, escanteios: 3, gols: 1, desarmes: 18 }, ], }; function WSAnalytics() { const [tab, setTab] = useState("jogadores"); const [ligaSelecionada, setLigaSelecionada] = useState("Brasileirão"); const [filtros, setFiltros] = useState({ nome: "", posicao: "", idadeMin: "", idadeMax: "" }); const handleInput = (e) => { const { name, value } = e.target; setFiltros({ ...filtros, [name]: value }); }; const filtrarJogadores = () => { return jogadores.filter((j) => { const nomeOk = !filtros.nome || j.nome.toLowerCase().includes(filtros.nome.toLowerCase()); const posicaoOk = !filtros.posicao || j.posicao === filtros.posicao; const idadeMinOk = !filtros.idadeMin || j.idade >= parseInt(filtros.idadeMin); const idadeMaxOk = !filtros.idadeMax || j.idade <= parseInt(filtros.idadeMax); return nomeOk && posicaoOk && idadeMinOk && idadeMaxOk; }); }; return (

{tab === "jogadores" && (

Buscar Jogadores

{filtrarJogadores().map((j, i) => (

{j.nome}

{j.posicao} | {j.idade} anos

))}

)} const inputStyle = { flex: '1', minWidth: '150px', padding: '0.75rem', borderRadius: '0.5rem', backgroundColor: '#1f1f1f', color: '#facc15', border: 'none' };

Uncategorized

Hello world!

derleyeliassouza@gmail.com / abril 21, 2025

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

{tab === "times" && (

Estatísticas por Time

)}

); }