import { useState, useEffect } from "react";
import Marquee from "react-fast-marquee";

import Datetime from "@/components/Datetime/Datetime";

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

export default function Footer() {
    return (
        <div className={style.container}>
            <div className={style.taskbar}>
                <div className={style.startButton}>
                    <img
                        className={style.startIcon}
                        src="src/assets/weed.png"
                    />
                    Start
                </div>
                <span className={style.divider}></span>
                <div className={style.windows}>
                    <span className={style.window}>🚊 Timetable</span>
                    <span className={style.window}>🕐 Clock</span>
                    <span className={style.windowActive}>🔔 Terminal</span>
                    <span className={style.window}>🧹 Flatastic</span>
                </div>
            </div>
        </div>
    );
}