import { Button } from '@/components/ui/button'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link } from '@inertiajs/react'; import { Plus, GraduationCap } from 'lucide-react'; import { useCrudOperations } from '@/hooks/use-crud-operations'; import { ServerDataTable, PaginatedData } from '@/components/ui/server-data-table'; import { createBaseColumns, createMobileCard } from '@/lib/datatable-helpers'; interface EducationLevel { id: number; name: string; description?: string; created_at: string; updated_at: string; } interface Props { educationLevels: PaginatedData; filters: { search?: string; }; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Niveles Educativos', href: '/education-levels' }, ]; export default function EducationLevelsIndex({ educationLevels, filters }: Props) { const { handleDelete } = useCrudOperations({ entityName: 'Nivel Educativo', entityNamePlural: 'Niveles Educativos', basePath: '/education-levels' }); const columns = createBaseColumns({ entityPath: '/education-levels', entityIcon: GraduationCap, handleDelete }); const renderMobileCard = (level: EducationLevel) => createMobileCard(level, '/education-levels', GraduationCap, handleDelete); return (

{/* Header */}

Niveles Educativos

Gestiona los niveles educativos del sistema

{/* DataTable */}

); }