import React from "react";
import Head from "next/head";
import Timetable from "@/components/Timetable";
import UserInputWrap from "@/components/UserInputWrap";

export default function Home() {
  const [user, setUser] = React.useState("");

  return (
    <>
      <Head>
        <title>抢 班</title>
        <meta name="description" content="ITSC 学 生 助 理 抢 班 系 统" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <main>
        <UserInputWrap setUser={setUser}>
          <Timetable user={user} />
        </UserInputWrap>
      </main>
    </>
  );
}
