/* import { useState } from "react";
import { StatsToggle } from "./StatsToggle"; */
import { StatsToggle } from "(app)/_components/StatsToggle";
import { DispoStats, PilotStats } from "./PilotDispoStats";

export const Stats = ({ stats }: { stats: "pilot" | "dispo" }) => {
	return (
		<>
			<StatsToggle />
			<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
				{stats === "dispo" && <DispoStats />}
				{stats === "pilot" && <PilotStats />}
			</div>
		</>
	);
};