import type { Component } from "solid-js";
import DashboardActivity from "../../components/dashboard/dashboard-activity";
import DashboardCourses from "../../components/dashboard/dashboard-courses";
import DashboardHero from "../../components/dashboard/dashboard-hero";
import DashboardInsights from "../../components/dashboard/dashboard-insights";
import DashboardInstructors from "../../components/dashboard/dashboard-instructors";
import DashboardShell from "../../components/dashboard/dashboard-shell";
import styles from "./dashboard.module.scss";

const DashboardPage: Component = () => {
	return (
		<DashboardShell>
			<DashboardHero />

			<div class={styles.contentGrid}>
				<DashboardCourses />
				<DashboardActivity />
				<DashboardInstructors />
			</div>

			<DashboardInsights />
		</DashboardShell>
	);
};

export default DashboardPage;
