import React from 'react'
import LeftContainer from '../LeftContainer'
import LeftRibbonNav from '../LeftRibbonNav'
import MonitorBar from '../MonitorBar'
import RightContainer from '../RightContainer'
import CenterContainer from '../CenterContainer'

const MainContainer: React.FC = () => (
  <div className="flex h-screen">
    <LeftRibbonNav />
    <div className="flex flex-1 flex-col ">
      <div className="flex flex-1 overflow-hidden">
        <LeftContainer />
        <CenterContainer />
        <RightContainer />
      </div>
      <MonitorBar />
    </div>
  </div>
)

export default MainContainer
