Pagination

1import { Pagination, PaginationPrevious, PaginationNext, PaginationItem } from "@/components/ui/pagination";
2
3<Pagination />

1"use client";
2
3import {
4  Pagination as ArkPagination,
5  usePaginationContext,
6} from "@ark-ui/react/pagination";
7import { ChevronLeft, ChevronRight, Ellipsis } from "lucide-react";
8import type React from "react";
9import { cn } from "@/lib/utils";
10import { Button } from "@/registry/react/components/button";
11
12export const usePagination = usePaginationContext;
13
14interface PaginationProps
15  extends React.ComponentProps<typeof ArkPagination.Root> {}
16
17export const Pagination = (props: PaginationProps) => {
18  const { className, ...rest } = props;
19
20  return (
21    <ArkPagination.Root
22      className={cn(
23        "mx-auto",
24        "w-full",
25        "flex justify-center gap-1",
26        className
27      )}
28      data-slot="pagination"