import { Component, ReactElement } from 'react';
import { Page } from './Page';
import type { PagesProps, PagesState } from './props';
/**
---
category: components
---
**/
declare class Pages extends Component<PagesProps, PagesState> {
    static readonly componentId = "Pages";
    static allowedProps: readonly (keyof {
        children?: React.ReactNode;
        defaultPageIndex?: number;
        activePageIndex?: number;
        onPageIndexChange?: (newPageIndex: number, oldPageIndex?: number) => void;
        margin?: import("@instructure/emotion").Spacing;
    })[];
    static defaultProps: {
        activePageIndex: number;
    };
    static Page: typeof Page;
    _timeouts: ReturnType<typeof setTimeout>[];
    _activePage: Page | null;
    _contentId: string;
    ref: Element | null;
    handleRef: (el: Element | null) => void;
    get _contentElement(): Element | null;
    constructor(props: PagesProps);
    componentDidMount(): void;
    handleBackButtonClick: () => void;
    componentDidUpdate(): void;
    componentWillUnmount(): void;
    get focused(): boolean;
    focus(): void;
    get activePage(): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
    render(): import("@emotion/react/jsx-runtime").JSX.Element | null;
}
export default Pages;
export { Pages, Page };
//# sourceMappingURL=index.d.ts.map