@szum-tech/design-system/dist/components/pagination/index.d.cts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { Button } from '../button/index.js';
import 'class-variance-authority';
import 'class-variance-authority/types';

type PaginationProps = React.ComponentProps<"nav">;
declare function Pagination({ className, ...props }: PaginationProps): React.JSX.Element;

type PaginationContentProps = React.ComponentProps<"ul">;
declare function PaginationContent({ className, ...props }: PaginationContentProps): React.JSX.Element;

type PaginationItemProps = React.ComponentProps<"li">;
declare function PaginationItem({ ...props }: PaginationItemProps): React.JSX.Element;

type PaginationLinkProps = {
    isActive?: boolean;
    asChild?: boolean;
} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
declare function PaginationLink({ className, isActive, asChild, size, children, ...props }: PaginationLinkProps): React.JSX.Element;

type PaginationPreviousProps = React.ComponentProps<typeof PaginationLink> & {
    text?: string;
};
declare function PaginationPrevious({ className, text, ...props }: PaginationPreviousProps): React.JSX.Element;

type PaginationNextProps = React.ComponentProps<typeof PaginationLink> & {
    text?: string;
};
declare function PaginationNext({ className, text, ...props }: PaginationNextProps): React.JSX.Element;

type PaginationEllipsisProps = React.ComponentProps<"span">;
declare function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element;

export { Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps };