import { Component } from 'react';
import { IconArrowDoubleStartSolid } from '@instructure/ui-icons';
import type { PaginationNavigationProps } from './props';
/**
---
parent: Pagination
id: Pagination.Navigation
---
**/
declare class PaginationArrowButton extends Component<PaginationNavigationProps> {
    static readonly componentId = "Pagination.Navigation";
    static allowedProps: readonly (keyof {
        direction?: import("./props").PaginationArrowDirections;
        label: string;
        buttonRef?: (element: Element | null) => void;
        onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
    })[];
    static propTypes: import("@instructure/shared-types").PropValidators<keyof {
        direction?: import("./props").PaginationArrowDirections;
        label: string;
        buttonRef?: (element: Element | null) => void;
        onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
    }>;
    static defaultProps: {};
    ref: Element | null;
    handleRef: (el: Element | null) => void;
    get margin(): "0 xx-small 0 0" | "0 0 0 xx-small" | undefined;
    get Icon(): typeof IconArrowDoubleStartSolid | null;
    render(): import("@emotion/react/jsx-runtime").JSX.Element;
}
export default PaginationArrowButton;
export { PaginationArrowButton };
//# sourceMappingURL=index.d.ts.map