'use client';
import ReservationsKanban from './ReservationsKanban';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { ReservationsProvider } from './ReservationsProvider';
import ReservationsFilters from './ReservationsFilters';
import { Suspense } from 'react';

function ReservationsContent() {
  return (
    <DndProvider backend={HTML5Backend}>
      <ReservationsProvider>
        <ReservationsFilters />
        <div className="mt-4">
          <ReservationsKanban />
        </div>
      </ReservationsProvider>
    </DndProvider>
  );
}

export default function ReservationsPage() {
  return (
    <Suspense fallback={<></>}>
      <ReservationsContent />
    </Suspense>
  );
}