import React, { useContext } from 'react';

export type BlurType = 'light' | 'dark' | undefined;

export type Overlay = 'addMembers' | 'alert' | 'channelInfo' | 'confirmation' | 'none' | 'userInfo';

export type AppOverlayContextValue = {
  overlay: Overlay;
  setOverlay: React.Dispatch<React.SetStateAction<Overlay>>;
};
export const AppOverlayContext = React.createContext<AppOverlayContextValue>(
  {} as AppOverlayContextValue,
);

export type AppOverlayProviderProps = {
  value?: Partial<AppOverlayContextValue>;
};

export const useAppOverlayContext = () => useContext(AppOverlayContext);