Pagination

1"use client"
2 
3import * as React from "react"
4import {
5  Pagination as BasePagination,
6  PaginationContent as BasePaginationContent,
7  PaginationEllipsis,
8  PaginationItem,
9  PaginationLink,
10  PaginationNext,
11  PaginationPrevious,
12} from "@/components/ui/pagination"
13import { cn } from "@/lib/utils"
14 
15export interface PaginationContentProps extends React.ComponentProps<typeof BasePaginationContent> {
16  glow?: boolean
17}
18 
19/**
20 * Glass UI Pagination - Enhanced pagination with glassy effects
21 */
22export const PaginationContent = React.forwardRef<
23  HTMLUListElement,
24  PaginationContentProps
25>(({ className, variant = "glass", glow = false, ...props }, ref) => {
26  return (
27    <BasePaginationContent
28      ref={ref}
29      variant={variant}
30      className={cn(
31        glow && "shadow-md shadow-purple-500/20",
32        className
33      )}
34      {...props}
35    />
36  )
37})
38PaginationContent.displayName = "PaginationContent"
39 
40export {
41  BasePagination as Pagination,
42  PaginationItem,
43  PaginationLink,
44  PaginationNext,
45  PaginationPrevious,
46  PaginationEllipsis,
47}
48