import { useState } from 'react';

import { BOOKING_DOCTORS } from '../data/mockData';
import { BookingSection } from '../components/booking/BookingSection';

export const BookingPage = () => {
  const [selectedDay, setSelectedDay] = useState(1);
  const [bookingDoctor, setBookingDoctor] = useState<(typeof BOOKING_DOCTORS)[number] | null>(null);

  return (
    <BookingSection
      selectedDay={selectedDay}
      onSelectDay={setSelectedDay}
      bookingDoctor={bookingDoctor}
      onSelectDoctor={setBookingDoctor}
      onCloseModal={() => setBookingDoctor(null)}
    />
  );
};


