import React, { ReactNode } from 'react';
import { SDKContext } from './context';
import { useSDKRef } from './use-sdk';
import { RequestApiOptions } from '../requests';

export type SDKProviderProps = {
  clientId: string;
  baseURL: string;
  customheaders: string;
};

export const SDKProvider = (
  props: RequestApiOptions & { children: ReactNode },
) => {
  const { children, ...rest } = props;
  const sdk = useSDKRef(rest);
  return <SDKContext.Provider value={sdk}>{children}</SDKContext.Provider>;
};

export default SDKProvider;