import { StudentDashboardProps } from '@/types/page'; import { Head } from '@inertiajs/react'; import { ReactNode } from 'react'; import Layout from './partials/layout'; import BecomeInstructor from './tabs-content/become-instructor'; import MyCourses from './tabs-content/my-courses'; import MyExams from './tabs-content/my-exams'; import MyProfile from './tabs-content/my-profile'; import Settings from './tabs-content/settings'; import Wishlist from './tabs-content/wishlist'; const Index = (props: StudentDashboardProps) => { const { translate } = props; const { frontend } = translate; const renderContent = () => { switch (props.tab) { case 'courses': return ; case 'exams': return ; case 'wishlist': return ; case 'profile': return ; case 'settings': return ; case 'instructor': return ; default: return <>; } }; return ( <> {renderContent()} ); }; Index.layout = (page: ReactNode & StudentDashboardProps) => ; export default Index;