import { ComponentPropsWithoutRef } from 'react';
/**
 * Props for the PaginationItem component
 * @extends ComponentPropsWithoutRef<"li">
 */
export type PaginationItemProps = ComponentPropsWithoutRef<"li"> & {
    /**
     * The page number to display.
     */
    page: number;
    /**
     * Whether this page item is currently active/selected.
     * @default false
     */
    isActive?: boolean;
    /**
     * Callback function called when the page item is clicked.
     */
    onClick?: () => void;
};
/**
 * PaginationItem component for displaying individual page numbers in pagination.
 *
 * Features:
 * - Displays page number as a toggle button
 * - Supports active state styling
 * - Fully accessible with proper ARIA attributes
 * - Integrates with pagination navigation system
 * - Consistent styling with design system
 *
 * @example
 * <PaginationItem
 *   page={3}
 *   isActive={true}
 *   onClick={() => console.log('Page 3 clicked')}
 * />
 */
export declare const PaginationItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
    /**
     * The page number to display.
     */
    page: number;
    /**
     * Whether this page item is currently active/selected.
     * @default false
     */
    isActive?: boolean;
    /**
     * Callback function called when the page item is clicked.
     */
    onClick?: () => void;
} & import('react').RefAttributes<HTMLLIElement>>;