"use client";

import type { ReactNode } from "react";
import type { Locale } from "date-fns";

import { TimeGrid } from "../time-grid";
import type { CalendarEvent } from "../types";

interface DayViewProps<TMeta> {
  date: Date;
  events: CalendarEvent<TMeta>[];
  locale: Locale;
  startHour: number;
  endHour: number;
  allDayLabel: string;
  onEventClick: (event: CalendarEvent<TMeta>) => void;
  onSelectSlot?: (date: Date) => void;
  renderEvent?: (event: CalendarEvent<TMeta>) => ReactNode;
}

export function DayView<TMeta>({ date, ...rest }: DayViewProps<TMeta>) {
  return <TimeGrid days={[date]} {...rest} />;
}