/* eslint-disable @typescript-eslint/no-explicit-any */
import React from "react";
import { IMiniAppWrapper } from "../controllers";

interface Props {
  miniAppWrapper: IMiniAppWrapper;
}
export default function UseMiniAppWrapper({ miniAppWrapper }: Props) {
  return { miniAppWrapper };
}

export const MiniAppWrapperContext = React.createContext<
  ReturnType<typeof UseMiniAppWrapper>
>({} as any);

export const MiniAppWrapperProvider = ({
  children,
  miniAppWrapper,
}: {
  children: any;
  miniAppWrapper: IMiniAppWrapper;
}) => {
  const useMiniAppWrapper = UseMiniAppWrapper({ miniAppWrapper });
  return (
    <MiniAppWrapperContext.Provider value={useMiniAppWrapper}>
      {children}
    </MiniAppWrapperContext.Provider>
  );
};