import { BarChartCard, PieChartCard } from '@/components/charts'; 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 { BarChart3, BookOpen, FolderKanban, Layers, Lightbulb, Target, Users } from 'lucide-react'; interface ChartDataItem { name: string; value: number; } interface ChartData { projectsByCategory: ChartDataItem[]; projectsByArea: ChartDataItem[]; projectsByEducationLevel: ChartDataItem[]; projectsByMethodology: ChartDataItem[]; projectsByTipoInnovacion: ChartDataItem[]; projectsByNaturaleza: ChartDataItem[]; projectsByContexto: ChartDataItem[]; totals: { projects: number; categories: number; areas: number; educationLevels: number; methodologies: number; tiposInnovacion: number; naturalezas: number; contextos: number; }; } interface DashboardProps { chartData: ChartData; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard', }, ]; export default function Dashboard({ chartData }: DashboardProps) { const { totals } = chartData; return (

{/* KPIs / Tarjetas de resumen */}

Total Proyectos

{totals.projects}

Proyectos registrados

Categorías

{totals.categories}

Categorías disponibles

Áreas

{totals.areas}

Áreas de conocimiento

Niveles Educativos

{totals.educationLevels}

Niveles registrados

{/* Primera fila de gráficos: Categoría y Área (Pie charts) */}

{/* Segunda fila: Nivel Educativo y Metodología (Bar charts horizontales) */}

{/* Tercera fila: Tipo de Innovación (Pie) y Naturaleza (Bar) */}

{/* Cuarta fila: Contexto (Bar chart completo) */}

); }