import { cn } from "@/lib/utils";
import { getDefaultClassNames } from "react-day-picker";

const defaultCN = getDefaultClassNames();

export const CustomCalendarCN = {
  months: cn(
    defaultCN.months,
    "w-full h-full relative"
  ),
  nav: cn(
    defaultCN.nav,
    "flex w-full item-center gap-1 justify-center gap-30 absolute top-0 inset-x-0"
  ),
  month: cn(
    defaultCN.month,
    "h-full w-full flex flex-col"
  ),
  month_grid: cn(
    defaultCN.month_grid,
    "w-full h-full flex-1"
  ),
  weeks: cn(
    defaultCN.weeks,
    "w-full h-full"
  ),
  weekdays: cn(
    defaultCN.weekdays,
    "w-full"
  ),
  week: cn(
    defaultCN.week,
    `w-full`,
    'custom-rdp-week'
  ),
  day: cn(
    defaultCN.day,
    `w-[calc(100%/7)] rounded-none`,
    'custom-rdp-day'
  ),
  day_button: cn(
    defaultCN.day_button,
    "h-full w-full flex p-2 justify-start items-start",
    "hover:bg-transparent",
    "data-[selected-single=true]:bg-transparent data-[selected-single=true]:text-black"
  ),
  selected: cn(
    defaultCN.selected,
    "h-full border-0 fill-transparent"
  ),
  today: cn(
    defaultCN.today,
    "h-full"
  ),
}