"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import dynamic from "next/dynamic";
import { ScheduleToolbar } from "./ScheduleToolbar.js";
const ScheduleCalendar = dynamic(
  () => import("./ScheduleCalendar.js"),
  {
    ssr: false,
    loading: () => /* @__PURE__ */ jsx("div", { className: "flex h-[640px] items-center justify-center text-sm text-muted-foreground", children: "Loading calendar\u2026" })
  }
);
function ScheduleView({
  items,
  view,
  range,
  timezone,
  onRangeChange,
  onViewChange,
  onItemClick,
  onSlotClick,
  onTimezoneChange,
  className
}) {
  const rootClassName = ["schedule-view", className].filter(Boolean).join(" ");
  return /* @__PURE__ */ jsxs("div", { className: rootClassName, children: [
    /* @__PURE__ */ jsx(
      ScheduleToolbar,
      {
        view,
        range,
        timezone,
        onRangeChange,
        onViewChange,
        onTimezoneChange
      }
    ),
    /* @__PURE__ */ jsx("div", { className: "schedule-calendar mt-4 rounded-xl border bg-card p-3", children: /* @__PURE__ */ jsx(
      ScheduleCalendar,
      {
        items,
        view,
        range,
        onRangeChange,
        onViewChange,
        onItemClick,
        onSlotClick
      }
    ) })
  ] });
}
export {
  ScheduleView
};
//# sourceMappingURL=ScheduleView.js.map
