import MainLayout from "@/Layouts/MainLayout"; import { Head, Link } from "@inertiajs/react"; export default function Dashboard({ stats, peminjaman_terbaru }) { const statCards = [ { label: "Total Buku", value: stats.total_buku, icon: "📚", color: "bg-blue-500", }, { label: "Anggota Aktif", value: stats.total_anggota, icon: "👥", color: "bg-green-500", }, { label: "Sedang Dipinjam", value: stats.total_peminjaman, icon: "📋", color: "bg-yellow-500", }, { label: "Terlambat Kembali", value: stats.total_terlambat, icon: "⚠️", color: "bg-red-500", }, ]; return (

Dashboard

{/* Stat Cards */}

{statCards.map((card) => (

{card.icon}

{card.label}

{card.value}

))}

{/* Tabel Peminjaman Terbaru */}

Peminjaman Terbaru

Lihat Semua →

{peminjaman_terbaru.map((p) => ( ))}

Anggota	Buku	Tgl Pinjam	Status
{p.anggota?.nama}	{p.buku?.judul}	{p.tanggal_pinjam}

); } function StatusBadge({ status }) { const colors = { dipinjam: "bg-yellow-100 text-yellow-800", dikembalikan: "bg-green-100 text-green-800", terlambat: "bg-red-100 text-red-800", }; return ( {status} ); }