import { FunctionComponent } from "react";
import { ButtonProps } from '@fluentui/react-button';
/**
 * ButtonDisplay component renders a set of navigation buttons for page switching. It calculates the displayed page numbers
 * based on the current page and total pages, and adds ellipsis ('...') when appropriate to optimize pagination navigation.
 *
 * @param currentPage - The current active page.
 * @param totalPages - The total number of available pages.
 * @param onChange - Callback function to handle page changes.
 * @param buttonProps? -  Props that can be passed to overwrite the appearance and behavior of the button within the component.
 */
export declare const ButtonDisplay: FunctionComponent<{
    currentPage: number;
    totalPages: number;
    onChange: (newPage: number) => void;
    buttonProps?: ButtonProps;
    selectedButtonProps?: ButtonProps;
}>;