// resources/js/Pages/DetailInfografis.tsx import MainLayout from '@/layouts/MainLayout'; import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, Calendar } from 'lucide-react'; // Tipe data untuk properti detail infografis interface InfografisDetailItem { id: number; judul: string; deskripsi: string; gambar: string; tanggal_terbit: string; } // Tipe data untuk props halaman interface DetailInfografisProps { auth?: any; infografis: InfografisDetailItem; } export default function DetailInfografis({ auth, infografis }: DetailInfografisProps) { return (
{/* Tombol Kembali */}
Kembali ke Daftar Infografis
{/* Header Artikel */}
Infografis

{infografis.judul}

Diterbitkan pada {infografis.tanggal_terbit}
{/* Deskripsi */} {infografis.deskripsi && (

{infografis.deskripsi}

)} {/* Gambar Infografis */}
{infografis.judul}
{infografis.judul}
 ); }