import { createContext, useContext, useMemo, PropsWithChildren } from 'react';
import type { LayoutOption } from '../types';

export interface EmbeddedConfiguration {
  layout?: LayoutOption;
  onError?: (error: any) => void;
}

const defaultConfiguration: EmbeddedConfiguration = {
  layout: 'SpeakerTop',
  onError: undefined,
};

const ConfigurationContext =
  createContext<EmbeddedConfiguration>(defaultConfiguration);

export const ConfigurationProvider = ({
  children,
  layout = 'SpeakerTop',
  onError,
}: PropsWithChildren<EmbeddedConfiguration>) => {
  const value = useMemo(() => ({ layout, onError }), [layout, onError]);

  return (
    <ConfigurationContext.Provider value={value}>
      {children}
    </ConfigurationContext.Provider>
  );
};

/**
 * Hook to access embedded configuration settings.
 */
export const useEmbeddedConfiguration = () => {
  return useContext(ConfigurationContext);
};