import Flatastic from "@/components/Flatastic/Flatastic";
import HomeAssistant from "@/components/HomeAssistant/HomeAssistant";
import Timetable from "@/components/Timetable/Timetable";
import Datetime from "@/components/Datetime/Datetime";
import Terminal from "@/components/Terminal/Terminal";
import Footer from "@/components/Footer/Footer";

import style from "./style.module.css";

export default function Dashboard() {
    return (
        <div className={style.dashboard}>
            <div className={style.cardWrapper}>
                <div className={style.card}>
                    <div className={style.cardHeaderInactive}>🚊 Timetable</div>
                    <div className={style.cardContent}>
                        <Timetable />
                    </div>
                </div>

                <div className={style.clock}>
                    <div className={style.card}>
                        <div className={style.cardHeaderInactive}>🕐 Clock</div>
                        <Datetime />
                    </div>
                </div>

                <div className={style.card}>
                    <div className={style.cardHeaderInactive}>🧹 Flatastic</div>
                    <div className={style.cardContent}>
                        <Flatastic />
                    </div>
                </div>

                <div className={style.card}>
                    <div className={style.terminal}>
                        <div className={style.cardHeader}>🔔 Terminal</div>
                        <Terminal />
                    </div>
                </div>

                {/* <div className={style.card}> */}
                {/*     <div className={style.cardHeaderInactive}> */}
                {/*         🏠 HomeAssistant [Tent] */}
                {/*     </div> */}
                {/*     <div className={style.cardContent}> */}
                {/*         <HomeAssistant /> */}
                {/*     </div> */}
                {/* </div> */}
            </div>

            <div className={style.footer}>
                <Footer />
            </div>
        </div>
    );
}