1 files changed, 44 insertions, 0 deletions
diff --git a/src/screens/student/Classroom/View.js b/src/screens/student/Classroom/View.js
new file mode 100644
index 0000000..675e697
--- /dev/null
+++ b/src/screens/student/Classroom/View.js
@@ -0,0 +1,44 @@
+import { Container } from '@mui/material';
+
+import Header from './Header';
+import AnnouncementsTab from './AnnouncementsTab';
+import AssignmentsTab from './AssignmentsTab';
+import PeopleTab from './PeopleTab';
+
+import styles from './styles';
+
+function View({
+  layoutType,
+  classroom,
+  selectedTabOption,
+  onSelectTabOption,
+  announcementsTabData,
+  assignmentsTabData,
+  peopleTabData,
+  isLoading,
+}) {
+  const { container } = styles[layoutType];
+  return (
+    <Container disableGutters sx={container}>
+      <Header
+        layoutType={layoutType}
+        classroom={classroom}
+        selectedTabOption={selectedTabOption}
+        onSelectTabOption={onSelectTabOption}
+        isLoading={isLoading}
+      />
+      <AnnouncementsTab
+        layoutType={layoutType}
+        announcementsTabData={announcementsTabData}
+        classroom={classroom && classroom}
+      />
+      <AssignmentsTab
+        layoutType={layoutType}
+        assignmentsTabData={assignmentsTabData}
+      />
+      <PeopleTab layoutType={layoutType} peopleTabData={peopleTabData} />
+    </Container>
+  );
+}
+
+export default View;