1
import React from 'react'
2
import styles from './Button1.module.css'
3

4
export default function Button1() {
5
  return <button className={styles.button}>Button1</button>
6
}

1
/* Button1.module.css */
2
.button {
3
  background-color: aqua;
4
}

1
import React from 'react'
2
import styles from './Button2.module.css'
3

4
export default function Button2() {
5
  return <button className={styles.button}>Button2</button>
6
}

1
/* Button2.module.css */
2
.button {
3
  background-color: plum;
4
}

1
import './App.css'
2
import Button1 from './components/Button1'
3
import Button2 from './components/Button2'
4

5
export default function App() {
6
  return (
7
    <>
8
      <Button1 />
9
      <Button2 />
10
    </>
11
  )
12
}