import { Head, Link, router } from '@inertiajs/react'; import { Plus, Trash2 } from 'lucide-react'; import { useState } from 'react'; import { ConfirmDialog } from '@/components/admin/confirm-dialog'; import { DataTable, type Column } from '@/components/admin/data-table'; import { Button } from '@/components/ui/button'; interface Video { id: number; title: string; youtube_id: string; thumbnail_url: string | null; created_at: string } interface Props { videos: { data: Video[]; meta: any; links: any[] }; filters: { search?: string } } export default function VideosIndex({ videos, filters }: Props) { const [selectedIds, setSelectedIds] = useState([]); const [confirmBulkOpen, setConfirmBulkOpen] = useState(false); const [confirmDeleteId, setConfirmDeleteId] = useState(null); const columns: Column