CSS in JSX

css-in-jsx.jsx

// style.module.css
.pageWrapper { display: flex; }
.investorForm { width: 90%; }
.addInvestorBtn{ background: green; }
.clearFormBtn{ background: red; }
.nextPageBtn{ background: blue; }

// Page.jsx
import styles from './mystyle.module.css';

const Page = () => (
  <div className={styles.pageWrapper>
    <div className={styles.investorForm>
      <input className={styles.investorInput} />
      <button className={styles.addInvestorBtn}>Add Investor</button>
    </div>
    <button className={styles.clearFormBtn}Clear form</button>
    <button className={styles.nextPageBtn}Next</button>
  </div>
)