import { Head, Link } from '@inertiajs/react'; import { BookOpen, Map } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; type Path = { id: number; title: string; slug: string; description: string | null; thumbnail: string | null; courses_count: number; }; type Props = { paths: Path[] }; const breadcrumbs: BreadcrumbItem[] = [{ title: 'Paket Belajar', href: '/learning-paths' }]; export default function LearningPathsIndex({ paths }: Props) { return ( <>

Paket Belajar

Kurikulum terstruktur — pelajari kelas dalam urutan yang tepat

{paths.length === 0 ? (

Belum ada paket belajar tersedia.

) : (
{paths.map((path) => ( {path.thumbnail ? ( {path.title} ) : (
)}

{path.title}

{path.description && (

{path.description}

)}
{path.courses_count} kelas
))}
)}
); } LearningPathsIndex.layout = (page: React.ReactNode) => ( {page} );