import React from "react";
import CountSection from "../../../Components/Home/CountSection";
import ColumnChart from "../../../Components/Chart/ColumnChart";
import AreaChart from "../../../Components/Chart/AreaChart";
import StudentSubjects from "../../../Components/Home/StudentSubjects";
import CalendarSection from "../../../Components/Home/CalendarSection";

const ChartSection = () => {
  return (
    <div className="ChartSection">
      <CountSection />
      <div className="TowItem">
        <ColumnChart />
        <CalendarSection />
      </div>
      <AreaChart />

      <div className="TowItem">
        <StudentSubjects />
        <ColumnChart />
      </div>
    </div>
  );
};

export default ChartSection;
