// resources/js/Pages/DetailBerita.tsx
import MainLayout from '@/layouts/MainLayout';
import { Head, Link } from '@inertiajs/react';
import { ArrowLeft, Calendar } from 'lucide-react';
// Tipe data untuk properti detail berita
interface BeritaDetailItem {
id: number;
judul: string;
kategori: string;
isi: string;
gambar: string;
tanggal_terbit: string;
}
// Tipe data untuk props halaman
interface DetailPageProps {
auth?: any;
berita: BeritaDetailItem;
}
export default function DetailBerita({ auth, berita }: DetailPageProps) {
// Fungsi untuk badge kategori (sama seperti di halaman daftar)
const getCategoryClass = (category: string) => {
switch (category) {
case 'Pengumuman':
return 'bg-orange-100 text-orange-800';
case 'Program Desa':
return 'bg-green-100 text-green-800';
// ... (tambahkan case lain jika ada)
default:
return 'bg-gray-100 text-gray-800';
}
};
return (