/* <--- Imports ---> */
import React from 'react'
import BottomBar from './BottomBar'
import SideContactBar from './SideContactBar'
import TopNavBar from './TopNavBar'

/* <--- Resources ---> */
import '../resources/style.css'



const Layout = ({ children }) => {
  return (
      <div className="Layout">
        <header>
          <TopNavBar />
          {/* ---TO DO: Banner--- */}
        </header>

        <div className="FeedWrap">
          {children}
          <SideContactBar />
        </div>

        <footer>
          <hr/>
          <BottomBar />
        </footer>
      </div>
  )
}

export default Layout