import * as React from "react"
import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
import { cn } from "../core/cn"
import { buttonVariants } from "./button"
function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
return (
)
}
function PaginationContent({ className, ...props }: React.ComponentProps<"ul">) {
return (
)
}
function PaginationItem({ ...props }: React.ComponentProps<"li">) {
return
}
type PaginationLinkProps = {
isActive?: boolean
disabled?: boolean
size?: "icon" | "default" | "sm" | "lg"
} & React.ComponentProps<"a">
function PaginationLink({ className, isActive, disabled, size = "icon", ...props }: PaginationLinkProps) {
return (
)
}
function PaginationPrevious({ className, ...props }: React.ComponentProps<"a">) {
return (
Previous
)
}
function PaginationNext({ className, ...props }: React.ComponentProps<"a">) {
return (
Next
)
}
function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">) {
return (
More pages
)
}
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious }
export type { PaginationLinkProps }