import React, { createContext, useContext, useState } from 'react'

type ICartBottom = any;

type ICartBottomContext = [ICartBottom, ICartBottom];

const CartBottomSheetContext = createContext<ICartBottomContext>([false, {}]);

export const CartBottomSheetProvider = ({ children }: any) => {
  const [bottomSheetVisibility, setBottomSheetVisibility] = useState<ICartBottom>(false);

  const showCartBottomSheet = () => {
    setBottomSheetVisibility(true);
  }

  const hideCartBottomSheet = () => {
    setBottomSheetVisibility(false);
  }

  const functions = {
    showCartBottomSheet,
    hideCartBottomSheet
  }

  return (
    <CartBottomSheetContext.Provider value={[bottomSheetVisibility, functions]}>
      {children}
    </CartBottomSheetContext.Provider>
  );
};

export function useCartBottomSheet() {
  const cartBottomManager = useContext(CartBottomSheetContext)
  return cartBottomManager || [{}]
}