/* eslint-disable @typescript-eslint/no-explicit-any */
import UserDashboardLayout from '@/layouts/user_dashboard_layout';
import styles from './edu.module.scss'
import CoursesWrapper from '@/components/dashboard/CoursesWrapper';

const Education = () => {

  return <div className={styles['edu']}>
    <div className={styles['edu__header']}>
      <div className={styles['edu__header--text']}>
        <h1>Unlock Access to Quality Education Resources</h1>
        <p>Unlock access to skills with our professional courses on finance and trading concepts at a cost efficient manner.</p>
      </div>
    </div>

    <CoursesWrapper />
  </div>
}

Education.layout = (page: any) => (
  <UserDashboardLayout children={page} title="Dashboard overview" />
)

export default Education