import React from "react";
import { Provider } from "react-redux";
import Booking from "./features/booking/booking";
import SettingsContext from "./settings-context";
import { store } from "./store";
import { Settings } from "./types";

interface BookingWizardProps {
  productCode: string;
  productName: string;
  allotmentName?: string;
  tourCode?: string;
  thumbnailUrl?: string;
  settings: Settings;
}

const BookingWizard: React.FC<BookingWizardProps> = ({
  productCode,
  productName,
  thumbnailUrl,
  settings,
}) => {
  return (
    <SettingsContext.Provider value={settings}>
      <Provider store={store}>
        <Booking
          productCode={productCode}
          productName={productName}
          thumbnailUrl={thumbnailUrl}
        />
      </Provider>
    </SettingsContext.Provider>
  );
};

export default BookingWizard;