title: Combining multiple widget components into one module
body: <p>I'm working on authentication for my react project and my current file structure looks like so</p>
  
  <pre><code>-components
   -auth
     AuthContainer.jsx
     ForgotWidget.jsx
     LoginWidget.jsx
     SignUpWidget.jsx
  </code></pre>
  
  <p>Then I call the component in my header file via <code>&lt;LoginWidget /&gt;</code> </p>
  
  <p>What is the best practice of combining these all together so I can just call it like  instead of calling each individual?</p>