import type * as React from 'react';
import {
ChevronLeftIcon,
ChevronRightIcon,
MoreHorizontalIcon,
} from 'lucide-react';
import { Button, cn } from '@gib/ui';
const Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (
);
const PaginationContent = ({
className,
...props
}: React.ComponentProps<'ul'>) => (
);
const PaginationItem = ({ ...props }: React.ComponentProps<'li'>) => (
);
type PaginationLinkProps = {
isActive?: boolean;
} & Pick, 'size'> &
React.ComponentProps<'a'>;
const PaginationLink = ({
className,
isActive,
size = 'icon',
...props
}: PaginationLinkProps) => (
);
const PaginationPrevious = ({
className,
text = 'Previous',
...props
}: React.ComponentProps & { text?: string }) => (
{text}
);
const PaginationNext = ({
className,
text = 'Next',
...props
}: React.ComponentProps & { text?: string }) => (
{text}
);
const PaginationEllipsis = ({
className,
...props
}: React.ComponentProps<'span'>) => (
More pages
);
export {
Pagination,
PaginationContent,
PaginationEllipsis,
PaginationItem,
PaginationLink,
PaginationNext,
PaginationPrevious,
};