import clsx from 'clsx'
import type React from 'react'
import { Button } from './button'
export function Pagination({
'aria-label': ariaLabel = 'Page navigation',
className,
...props
}: React.ComponentPropsWithoutRef<'nav'>) {
return
}
export function PaginationPrevious({
href = null,
className,
children = 'Previous',
}: React.PropsWithChildren<{ href?: string | null; className?: string }>) {
return (
)
}
export function PaginationNext({
href = null,
className,
children = 'Next',
}: React.PropsWithChildren<{ href?: string | null; className?: string }>) {
return (
)
}
export function PaginationList({ className, ...props }: React.ComponentPropsWithoutRef<'span'>) {
return
}
export function PaginationPage({
href,
className,
current = false,
children,
}: React.PropsWithChildren<{ href: string; className?: string; current?: boolean }>) {
return (
)
}
export function PaginationGap({
className,
children = <>…>,
...props
}: React.ComponentPropsWithoutRef<'span'>) {
return (
{children}
)
}