30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
import hoistNonReactStatics from 'hoist-non-react-statics';
|
|
import React from 'react';
|
|
|
|
import { IThemePreference } from './definitions/ITheme';
|
|
import { TNavigationOptions } from './definitions/navigationTypes';
|
|
import { colors } from './lib/constants';
|
|
|
|
export type TSupportedThemes = keyof typeof colors;
|
|
export type TColors = typeof colors[TSupportedThemes];
|
|
|
|
interface IThemeContextProps {
|
|
theme: TSupportedThemes;
|
|
themePreferences?: IThemePreference;
|
|
setTheme?: (newTheme?: {}) => void;
|
|
colors: TColors;
|
|
}
|
|
|
|
export const ThemeContext = React.createContext<IThemeContextProps>({ theme: 'light', colors: colors.light });
|
|
|
|
export function withTheme<T extends object>(Component: React.ComponentType<T> & TNavigationOptions): typeof Component {
|
|
const ThemedComponent = (props: T) => (
|
|
<ThemeContext.Consumer>{contexts => <Component {...props} {...contexts} />}</ThemeContext.Consumer>
|
|
);
|
|
|
|
hoistNonReactStatics(ThemedComponent, Component);
|
|
return ThemedComponent;
|
|
}
|
|
|
|
export const useTheme = (): IThemeContextProps => React.useContext(ThemeContext);
|