import React from 'react';
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
import type { PagesTheme } from '@instructure/shared-types';
import type { PagesContextType } from './PagesContext';
type PagesOwnProps = {
    /**
     * Children are type of `<Pages.Page>`
     */
    children?: React.ReactNode;
    defaultPageIndex?: number;
    /**
     * The currently active page index
     */
    activePageIndex?: number;
    /**
     * Event handler fired anytime page index has changed due to back button being clicked
     */
    onPageIndexChange?: (newPageIndex: number, oldPageIndex?: number) => void;
    /**
     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
     */
    margin?: Spacing;
};
type PropKeys = keyof PagesOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type PagesProps = PagesOwnProps & WithStyleProps<PagesTheme, PagesStyle> & WithDeterministicIdProps;
type PagesStyle = ComponentStyle<'pages'>;
type PagesState = {
    history: PagesContextType['history'];
};
declare const allowedProps: AllowedPropKeys;
export type { PagesProps, PagesState, PagesStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map