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

const MyComponent = (props) => {
  const theme = useContext(themeContext);
  const styles = useStyles(theme);

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

export default MyComponent;