// Modules
import React, {SetStateAction} from 'react';


// Helpers
import { matchLocaleLang } from "../../helpers/calendar";

// Icons
import sharp from "../../icons/sharp.svg";

interface dayType {
    day: number;
    month: number;
  }
  type monthType = [number, React.Dispatch<SetStateAction<number>>];
  type dayStateType = [dayType, React.Dispatch<SetStateAction<dayType>>];

interface Props{
    setSelectedDay: dayStateType[1],
    selectedDay: dayType,
    el: number,
    currentMonth: monthType[0],
    currentYear: monthType[0],
    event?: string,
}

const CalendarCell = ({selectedDay, setSelectedDay, el, currentMonth, currentYear, event}:Props) => {
    return(
        // {el !== 0  ? (
        //     <td
        //     className={
        //       selectedDay.day === el &&
        //       selectedDay.month === currentMonth
        //         ? "active selected"
        //         : "active"
        //     }
        //     onClick={(
        //       e: React.MouseEvent<HTMLElement>
        //     ) => {
        //       const target = e.target as HTMLElement;
        //       const span = target.innerText;
        //       setSelectedDay({
        //         day: parseInt(span),
        //         month: currentMonth,
        //       });
        //     }}
        //   >
        //     <span>{el}</span>
        //     <div className="event">
        //       <div className="sharp">
        //         <img src={sharp} alt="" />
        //       </div>
        //       <h5>{`${el} ${matchLocaleLang(
        //         currentMonth
        //       )} ${currentYear}`}</h5>
        //       <span>Нет событий</span>
        //     </div>
        //   </td>
        // ) : (
            
        // )}
        <div></div>
    )
}

export default CalendarCell;