import { Head, Link } from '@inertiajs/react'; import { ArrowRightCircle, Landmark, Layers, PieChart, Users } from 'lucide-react'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; type Metrics = { investors_registered: number; admins_registered: number; kyc_pending_review: number; kyc_requires_submission: number; investments_pending_confirm: number; active_investments: number; capital_usd_active_total: number; withdrawals_pending_approval: number; }; type Props = { metrics: Metrics; }; function StatCard({ title, value, subtitle, }: { title: string; value: React.ReactNode; subtitle?: string; }) { return ( {title}

{value}

{subtitle ? (

{subtitle}

) : null} ); } export default function AdminDashboard({ metrics }: Props) { const capitalIntl = metrics.capital_usd_active_total.toLocaleString('es-ES', { minimumFractionDigits: 2, maximumFractionDigits: 2, }); return ( <>

Panel administrativo

Resumen operativo — usuarios, KYC y actividad de inversiones para priorizar trabajo.

{metrics.kyc_pending_review} {metrics.kyc_pending_review > 0 ? ( Atención requerida ) : null} } />
{metrics.withdrawals_pending_approval} {metrics.withdrawals_pending_approval > 0 ? ( Cola solicitudes ) : null} } subtitle="Solicitudes de retiro al balance del inversionista." />
Accesos rápidos
); }