import React from 'react';
import { ThemeProvider } from 'react-jss';
import { withStyles as withStylesJss } from 'react-jss-10.5';
import './theme-with-antd.less';
import './antd-compatible.less';
import theme from './theme.less';

export const withTheme = (BaseComponent) => (props) => (
  <ThemeProvider theme={theme}>
    <BaseComponent {...props} />
  </ThemeProvider>
);

export const withStyles = (styles) => withStylesJss(styles(theme));

export const drTheme = theme;
