import React from 'react';

import { makeStyles } from '@material-ui/styles';

​

import { useStyles } from './my-component.styles.js'; 

​

const myComponent = (props) => {

    const styleProps = { width: '100px', height: '100px' };

    const classes = useStyles(styleProps);

​

    return (

        <div className={classes.mySelector}></div> // with 100px and height 100px will be applied

    )

}

​

export const useStyles = makeStyles(theme => ({

    mySelector: props => ({

        display: 'block',

        width: props.width,

        height: props.height,

    }),

}));

​