Theme Context Provider and withTheme HOC

ThemeContextProvider.js

import React, { useContext } from 'react';

const ThemeContext = React.createContext();

export const ThemeContextProvider = ({ children, theme }) => (
  <ThemeContext.Provider value={{ theme }}>
    {children}
  </ThemeContext.Provider>
);

export function withTheme(Component) {
  return (props) => {
    const { theme } = useContext(ThemeContext);
    return <Component {...props} theme={theme} />;
  };
}