Layout.tsx

import React from 'react'
import styles from './layout.module.scss'
import Menu from '../Menu/Menu'
import Navbar from '../Navbar/Navbar'

interface LayoutProps {
  children: React.ReactNode
}

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

export default Layout