Booking Detail

import { BookingDetail } from "@leanicon/web-builder-library/saas";

<BookingDetail
  booking={{
    id: "1",
    title: "Weekly Team Standup",
    description: "Regular weekly sync meeting.",
    status: "confirmed",
    startTime: new Date().toISOString(),
    endTime: new Date(Date.now() + 3600000).toISOString(),
    timezone: "America/New_York",
    resourceId: "room-1",
    resourceName: "Conference Room A",
    organizer: {
      userId: "1",
      name: "John Doe",
      email: "[email protected]",
      rsvpStatus: "accepted",
      isOrganizer: true,
    },
    attendees: [
      { userId: "2", name: "Jane Smith", email: "[email protected]", rsvpStatus: "accepted" },
    ],
    isRecurring: false,
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString(),
  }}
  showActions
  availableActions={["cancel", "reschedule"]}
  onCancel={(reason) => console.log("Cancel:", reason)}
  onReschedule={(start, end) => console.log("Reschedule:", start, end)}
/>;