import * as React from 'react'; import { useRender } from '@base-ui/react/use-render'; type PaginationVariant = 'outline' | 'soft'; type PaginationSize = 'sm' | 'md' | 'lg'; interface PaginationProps extends React.ComponentPropsWithoutRef<'nav'> { /** * Link style, shared with every link via context. * @default 'outline' */ variant?: PaginationVariant; /** * Link sizing, shared via context. * @default 'md' */ size?: PaginationSize; } declare function Pagination({ className, variant, size, ...props }: PaginationProps): React.JSX.Element; type PaginationListProps = React.ComponentPropsWithoutRef<'ul'>; declare function PaginationList({ className, ...props }: PaginationListProps): React.JSX.Element; type PaginationItemProps = React.ComponentPropsWithoutRef<'li'>; declare function PaginationItem({ className, ...props }: PaginationItemProps): React.JSX.Element; type PaginationLinkState = { active: boolean; disabled: boolean; variant: PaginationVariant; size: PaginationSize; }; interface PaginationLinkProps extends useRender.ComponentProps<'a', PaginationLinkState> { /** * Mark the current page. Renders a non-interactive, filled link with `aria-current="page"`. * @default false */ active?: boolean; /** * Make the link non-interactive and dimmed (`aria-disabled`); used for out-of-range controls. * @default false */ disabled?: boolean; } declare function PaginationLink({ className, active, disabled, render, ...props }: PaginationLinkProps): React.ReactElement>; type PaginationEllipsisProps = React.ComponentPropsWithoutRef<'span'>; declare function PaginationEllipsis({ className, children, ...props }: PaginationEllipsisProps): React.JSX.Element; export { Pagination, PaginationList, PaginationItem, PaginationLink, PaginationEllipsis }; export type { PaginationProps, PaginationListProps, PaginationItemProps, PaginationLinkProps, PaginationEllipsisProps }; //# sourceMappingURL=pagination.d.ts.map