import Button from "@/components/Button";
import DateElement from "@/components/DateElement";
import { arrowLeft } from "./Icons"
import { arrowRight } from "./Icons"
import { useState } from 'react'



export default function WeekSelector(){
    const [weeks, setWeeks] = useState(0)
    return (
        <>
            <div className="weekSelector">
                <Button icon={arrowLeft} onClick={() => setWeeks(weeks-1)} />
                <DateElement week={weeks}/>
                <Button icon={arrowRight} onClick={() => setWeeks(weeks+1)}/>
            </div>
        </>
    )
}