react-css-modules.jsx

// Text.module.css
.custom-text {
  color: red;
  font-size: 20px;
}


// Text.jsx
import TextStyles from './Text.module.css';

function Text({ text }) {
  return <div className={TextStyles.customText}>
      // Notice we use the TextStyles value 
      // as the final class name is auto-generated
      {text}
    </div>;
}