import React from "react";
import Product from "./components/product";
import SettingsContext from "./settings-context";
import { Settings } from "./types";

interface BookingProductProps {
  productCode: string;
  productName: string;
  rating?: number;
  settings: Settings;
}

const BookingProduct: React.FC<BookingProductProps> = ({
  productCode,
  productName,
  rating,
  settings,
}) => {
  return (
    <SettingsContext.Provider value={settings}>
      <Product
        productCode={productCode}
        productName={productName}
        rating={rating}
      ></Product>
    </SettingsContext.Provider>
  );
};

export default BookingProduct;