"use client";

import { useState } from "react";
import { Header } from "./_components/Header";
import { Stats } from "./_components/stats";

/*
✔️ Einlog-Zeit
✔️ Stats
✔️ Pilot / Disponent TODO: Selection persistent machen
Map - I dont know man, passt hier vielleicht nicht rein
Logbuch / Einsatzhistorie
Badges
Aktive Events / Mandatory Events
*/

export default function Home() {
	const [isChecked, setIsChecked] = useState(true);

	const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {
		setIsChecked(event.target.checked);
	};

	return (
		<div>
			<Header
				isChecked={isChecked}
				handleCheckboxChange={handleCheckboxChange}
			/>
			<div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
				<Stats isChecked={isChecked} />
			</div>
		</div>
	);
}