import React, { useContext } from "react";
import { WeekDayIndex } from ".";
import { defaultPageInterpolator, DEFAULT_THEME } from "./defaults";
import {
  DayComponentType,
  DayLabelComponentType,
  HeaderComponentType,
  MonthComponentType,
  OnDateSelect,
  WeekComponentType,
} from "./types";

export const CalendarContext = React.createContext({
  referenceDate: new Date(), // This represents the month at "Page 0" of the infinite pager. All other months are an offset of this month.
  selectedDate: null as Date | null | undefined,
  onDateSelect: (() => {}) as OnDateSelect,
  DayComponent: undefined as DayComponentType | undefined,
  DayLabelComponent: undefined as DayLabelComponentType | undefined,
  WeekComponent: undefined as WeekComponentType | undefined,
  MonthComponent: undefined as MonthComponentType | undefined,
  HeaderComponent: undefined as HeaderComponentType | undefined,
  theme: DEFAULT_THEME,
  pageInterpolator: defaultPageInterpolator,
  weekStartsOn: 0 as WeekDayIndex,
});

export function useCalendarContext() {
  return useContext(CalendarContext);
}