import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head } from '@inertiajs/react'; import { Users, BookOpen, ClipboardCheck, MessageSquareWarning, ArrowUpRight } from 'lucide-react'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard', }, ]; interface DashboardProps { stats: { total_users: number; total_questions: number; total_surveys: number; total_reports: number; }; } export default function Dashboard({ stats }: DashboardProps) { const statCards = [ { title: 'Total Users', value: stats.total_users, icon: Users, description: 'Registered users on platform', color: 'text-blue-600', bg: 'bg-blue-100', }, { title: 'Total Questions', value: stats.total_questions, icon: BookOpen, description: 'Questions in database', color: 'text-purple-600', bg: 'bg-purple-100', }, { title: 'Total Surveys', value: stats.total_surveys, icon: ClipboardCheck, description: 'Active and inactive surveys', color: 'text-green-600', bg: 'bg-green-100', }, { title: 'Question Reports', value: stats.total_reports, icon: MessageSquareWarning, description: 'Pending user reports', color: 'text-red-600', bg: 'bg-red-100', }, ]; return (

Overview

Welcome back! Here's what's happening today.

{statCards.map((card) => ( {card.title}

{card.value}

{card.description}

View details

))}

); }