Inject styles with custom hooks

button-hooked.js

const styles = {
  button: {
    color: 'red'
  }
}

const Button = () => {
  const {classes} = useStyles(styles)
  return <button className={classes.button}>Test<Button>
}

how can i use a hook from inside a separate style file ?