import { create as createJss } from 'jss';
import preset from 'jss-preset-default';
import { createStyleManager, createStyleSheet } from 'jss-theme-reactor';
 
themeObj = {
  fontFamily: 'Roboto',
  fontSize: 12,
  color: 'red',
};
 
styleManager = createStyleManager({
  jss: createJss(preset()),
  theme: themeObj,
});
 
styleSheet = createStyleSheet('button', (theme) => ({
  root: {
    color: theme.color,
    fontSize: theme.fontSize,
    fontFamily: theme.fontFamily,
  },
}));
 
const classes = styleManager.render(styleSheet);
 
// classes.root === '.button-root-1l7rpve'