import React, {ReactNode, useEffect, useState} from 'react';
import './calendar-widget.scss';
import CalendarMonthSingle from "./CalendarMonthSingle";
import calendar from '../../../assets/images/calendar.svg'
interface CalendarWidgetProps {
    getRecords: any
}

const CalendarWidget = ({getRecords}: CalendarWidgetProps) => {

    const [isOpen, setIsOpen] = useState(false)

    return (
        <div className={`calendar-widget ${isOpen && 'open'}`}>
            <div className="calendar-widget--head" onClick={()=>setIsOpen(!isOpen)}>
                <img src={calendar} alt="calendar"/>
                <p>Το Ημερολόγιό μου</p>
                <span>x</span>
            </div>
            <div className="calendar-widget--body">
                <CalendarMonthSingle
                getEvents={getRecords}
                />
            </div>
        </div>
    );
}

export default CalendarWidget;