import { BookingWidgetSkeleton } from "@scandic-hotels/booking-flow/BookingWidget"

import { bookingFlowConfig } from "@/constants/bookingFlowConfig"

// This file is crucial for displaying a loading
// state immediately in the booking flow.
// Next doesn't recognize manually added Suspense
// boundaries during page navigation (Server->Client)
// thus making it seem as the page is frozen during
// the time it takes for `BookingWidget` to resolve.
export default function BookingWidgetLoading() {
  return <BookingWidgetSkeleton config={bookingFlowConfig} />
}