import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { PaginatedData, type BreadcrumbItem } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { Plus } from 'lucide-react'; import { columns } from './columns'; import { DataTable } from '@/components/DataTable'; import Pagination from '@/components/Pagination'; import FlashToast from '@/components/FlashToast'; import { Gallery } from '@/types/admin/Gallery'; import { create, index } from '@/routes/admin/gallery'; import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'; interface Props { galleries: PaginatedData; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'sliders', href: index().url, }, ]; export default function SliderIndex({ galleries }: Props) { FlashToast() const currentType = new URLSearchParams(window.location.search).get('type') || 'all'; const handleTabChange = (val: string) => { router.get(index({ query: { type: val === 'all' ? undefined : val } }).url, {}, { preserveScroll: true, preserveState: true }); }; return (

Galleries

Manage application Galleries and access controls.

{/* Tabs */}

All Photos Videos

{/* Data Table */}

); }