import React, { useContext } from 'react';
import { ThemeContext } from './Provider';
import useStyles from './styles';
import useConfig from './config';

const MyComponent = (props) => {
  const theme = useContext(themeContext);
  const config = useConfig(theme);
  const styles = useStyles({ theme, config });

  return (
    <div className={styles} {...props}>
      {props.children}
    </div>
  );
}

export default MyComponent;