So this is more of a stylistic question say I have 2 components

```
Components
  - LoginPage
    - LoginPage.jsx
    - loginPage.module.css

  - RegisterPage
    - RegisterPage.jsx
    - registerPage.module.css

```

Both LoginPage and RegisterPage look the exact same pardon a few words but all the styles are the same.
how should I go about organizing that or structuring that to where I dont have to write the same css and or jsx twice in both components. I know I could put the styles in index.css and have them be global styles but that would get rid of the use for css modules I feel. any help appreciated thanks