import { type KeyboardEvent, type MouseEvent } from "react";
import { type IAccessibilityConfigBase } from "../../typings/accessibility.js";
/**
 * Size variant for UiPaginationButton.
 *
 * @internal
 */
export type UiPaginationButtonSize = "small" | "large";
/**
 * Direction of the pagination button arrow.
 *
 * @internal
 */
export type UiPaginationButtonDirection = "previous" | "next";
/**
 * Props for the UiPaginationButton component.
 *
 * @internal
 */
export interface IUiPaginationButtonProps {
    /**
     * Direction of the arrow icon.
     * - "previous" shows left arrow (paginationLeft)
     * - "next" shows right arrow (paginationRight)
     */
    direction: UiPaginationButtonDirection;
    /**
     * Accessible label for the button.
     */
    label: string;
    /**
     * Size of the button.
     * - "small" (22x22) - for desktop views
     * - "large" (32x32) - for mobile views
     * @defaultValue "small"
     */
    size?: UiPaginationButtonSize;
    /**
     * Whether the button is disabled.
     */
    isDisabled?: boolean;
    /**
     * Whether the button is in active/selected state.
     */
    isActive?: boolean;
    /**
     * Click handler.
     */
    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
    /**
     * Keyboard event handler.
     */
    onKeyDown?: (e: KeyboardEvent<HTMLButtonElement>) => void;
    /**
     * Data attribute for tracking/analytics.
     */
    dataId?: string;
    /**
     * Data attribute for testing.
     */
    dataTestId?: string;
    /**
     * Tab index for keyboard navigation.
     */
    tabIndex?: number;
    /**
     * HTML id attribute.
     */
    id?: string;
    /**
     * Accessibility configuration for ARIA attributes.
     */
    accessibilityConfig?: IAccessibilityConfigBase;
}
/**
 * A circular button used for pagination navigation (previous/next).
 *
 * @remarks
 * The button has a circular shape with a light gray background that darkens on hover.
 * The icon color inverts to white when hovered or active.
 *
 * @internal
 */
export declare const UiPaginationButton: import("react").ForwardRefExoticComponent<IUiPaginationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=UiPaginationButton.d.ts.map