Layout.tsx

import React from 'react'
import SideBar from '../SideBar/SideBar'
import styles from './layout.module.scss'

const Layout: React.FC = ({ children }) => {
  return (
    <div className={styles.root}>
      <SideBar />
      <main className={styles.wrapper}>{children}</main>
    </div>
  )
}

export default Layout