import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Progress } from "@/components/ui/progress";
import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "@/components/ui/table";
import { Calendar } from "@/components/ui/calendar";
import { useState } from "react";
import { Bar } from "react-chartjs-2";
export default function BoosterClubDashboard() {
const [progress, setProgress] = useState(50); // Example fundraising progress
return (
{/* Fundraising Progress */}
{/* Campaigns Overview */}
{/* Volunteer Coordination */}
{/* Leaderboard */}
);
}
Fundraising Progress
${progress * 1000} raised out of $100,000