import React from 'react';
import Navbar from './TeacherNavbar';
import SideNav from './TeacherSideNav';

const TeacherLayout = ({ children }) => {

  return (
    <div className="teacher-page h-screen">
      <Navbar />
      <div className="container-fluid dashboard-container">
        <div className="row min-h-100">
          <SideNav />
          <main className="col p-4 overflow-auto bg-light teacher-main-layout">
            {children}
          </main>
        </div>
      </div>
    </div>
  );
};

export default TeacherLayout;
