"use client";

import { Calendar } from "@/components/calendar";

/**
 * Provider Schedule screen.
 *
 * The Calendar is data-agnostic — it renders whatever `events` it's given. No
 * bookings endpoint exists yet, so it currently shows an empty schedule.
 *
 * To wire it up: fetch bookings here (TanStack Query → axios), map each one to
 * a `CalendarEvent<TMeta>` (`id`, `title`, real `Date` start/end, a named
 * `color`, and the booking itself as `meta`), then pass `events` and `loading`.
 * Screen-specific filters go in the `toolbar` slot and the detail-dialog body
 * in `renderEventDetail`.
 *
 * `min-h-0 flex-1` makes it fill the shell's content area so the time grid owns
 * the only scrollbar — keep that when moving it.
 */
export function ScheduleView() {
  return (
    <Calendar events={[]} defaultView="month" className="min-h-0 flex-1" />
  );
}