Provide a `useStyles` method for using with React Hooks API

I imagine the API should not be too different from the HOC. The README example would look like this:

import React from "react";
import { css, useStyles } from "./useStyles";

function MyComponent() {
  const styles = useStyles(({ color }) => ({
    firstLink: {
      color: color.primary
    },

    secondLink: {
      color: color.secondary
    }
  }));

  return (
    <div>
      <a href="/somewhere" {...css(styles.firstLink)}>
        A link to somewhere
      </a>{" "}
      and{" "}
      <a href="/somewhere-else" {...css(styles.secondLink)}>
        a link to somewhere else
      </a>
    </div>
  );
}

export default MyComponent;

[mohsen1]

Closing based on feedback. Styles are not a stateful part of the component so it doesn’t make sense to use Hooks API for them.

[mohsen1]

For anyone landing here good news is that there is a useStyles hook available. //cc @noratarano