import React from "react";
import { DatePickerCommonProps } from "./DatePickerNP";

export type ArrowIconProps = {
  onClick?: () => void;
};

export type SelectorProps = DatePickerCommonProps & {
  year: number;
  handleChange: (value: string) => void;
  setIsDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>;
};

export type CalendarHeaderProps = DatePickerCommonProps & {
  date: string;
  handleChange: (value: string) => void;

  calendarStyles: CalendarStyles;
};

export type CalendarDatesProps = DatePickerCommonProps & {
  date: string;
  handleChange: (day: number) => void;

  calendarStyles: CalendarStyles;
};

export type YearSelectorProps = Pick<DatePickerCommonProps, "lang"> & {
  selectedYear: number;
  setSelectedYear: React.Dispatch<React.SetStateAction<number>>;
  setActiveSelector: React.Dispatch<React.SetStateAction<"year" | "month">>;

  minYear: number;
  maxYear: number;
};

export type MonthSelectorProps = Pick<DatePickerCommonProps, "lang"> & {
  handleMonthChange: (month: number) => void;

  minMonth: number;
  maxMonth: number;
};

export type WeeksProps = Pick<DatePickerCommonProps, "lang">;

export type CalendarStyles = {
  dates?: {
    hoverBackgroundColor?: string;
    activeBackgroundColor?: string;
    activeTextColor?: string;
  };
  footer?: {
    textColor?: string;
  };
};