export default function Bracket() {
const [teams, setTeams] = useState(Array(48).fill("Team"));
const [locations, setLocations] = useState(Array(47).fill("Location"));
const [scores, setScores] = useState(Array(47).fill(""));
const handleTeamChange = (index, value) => {
const updatedTeams = [...teams];
updatedTeams[index] = value;
setTeams(updatedTeams);
};
const handleLocationChange = (index, value) => {
const updatedLocations = [...locations];
updatedLocations[index] = value;
setLocations(updatedLocations);
};
const handleScoreChange = (index, value) => {
const updatedScores = [...scores];
updatedScores[index] = value;
setScores(updatedScores);
};
return (
);
}
48-Team Bracket
{teams.map((team, index) => (
handleTeamChange(index, e.target.value)}
className="w-full p-1 border"
/>
))}
Game Locations
{locations.map((location, index) => (
handleLocationChange(index, e.target.value)}
className="w-full p-1 border"
/>
))}
Scores
{scores.map((score, index) => (
handleScoreChange(index, e.target.value)}
className="w-full p-1 border"
/>
))}