import React from 'react';
type PageBreadcrumb = React.ReactNode | false;
export interface PageProps {
    /** When true, removes paddings from the content area. */
    isFullScreen?: boolean;
    /** The extra content to be rendered in the top right corner of the page. */
    extras?: React.ReactNode;
    children?: React.ReactNode;
    /**
     * This is for overriding the breadcrumb section. Do not use this to define your own breadcrumbs.
     * Instead, use the `crumb` property of the route item.
     *
     * - When leave untouched or passed `undefined`, the breadcrumb section will be rendered based on the route item config.
     * - When `false`, the breadcrumb section will be disabled. There will be nothing rendered on the top left corner.
     * - When a ReactNode passed, the node will be rendered instead of the breadcrumbs.
     */
    breadcrumb?: PageBreadcrumb;
}
/**
 * Page component.
 * Wrapping your pages with this component will give you the following features:
 * - Breadcrumbs
 * - Full screen mode
 * - Extra content area on the top right corner
 * - Automatically setting the document title based on the breadcrumbs
 * - Override the breadcrumb section with your own content
 *
 * You can implement your pages without wrapping them with this. However, you will have to implement the above features yourself if needed.
 *
 * Example usage:
 *
 * ```jsx
 * <Page {...props}>
 *  <div>My page content</div>
 * </Page>
 * ```
 */
export default function Page(props: PageProps): React.JSX.Element;
export {};
//# sourceMappingURL=Page.d.ts.map