import Timetable from "@/ui/timetable"
import { Schedule } from "./types"
import { readFile } from "fs/promises"
import { ScheduleProvider } from "./context"
import { Events } from "@/ui/events";
import { Locations } from "@/ui/locations";

export default async function page() {
	const schedule: Schedule = JSON.parse(await readFile("schedule.json", "utf-8"));
	return (
		<ScheduleProvider schedule={schedule}>
			<main>
				<h1>Schedule & Events</h1>
				<p>
					Study carefully, we only hold these events once a year.
				</p>
				<h2>Schedule</h2>
				<Timetable />
				<h2>Events</h2>
				<Events />
				<h2>Locations</h2>
				<Locations />
			</main>
		</ScheduleProvider>
	);
}