react-chic

Chic

A CSS-sort-of-in-JS solution that's quite nice and well dressed

import { chic, Stylist } from "chic";

import styles from "./Component.module.css";

const Component = (props) => {
	return (
		<Stylist styles={styles}>
			<chic.div cx={["color-blue", "font-lg", "padding-4"]}>Hello!</chic.div>
		</Stylist>
	);
};

Alternatively...

import { chic, withStyles } from "chic";

import styles from "./Component.module.css";

const Component = withStyles(styles, (props) => (
	<chic.div cx={["color-blue", "font-lg", "padding-4"]}>Hello!</chic.div>
));