import * as Emotion from '@emotion/react';
import type { Theme } from './getTheme';

export interface ThemeProviderProps {
  theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
  children: React.ReactNode;
}

interface ThemeProviderType {
  (props: ThemeProviderProps): React.ReactElement;
}

const ThemeProvider = Emotion.ThemeProvider as ThemeProviderType;

const useTheme = Emotion.useTheme as () => Theme;

export { useTheme };

export default ThemeProvider;