import { PaginationProps, PaginationStyles } from '../components/Pagination';
import { NavigationListProps, NavigationListStyles } from '../components/NavigationList';
import React from 'react';
import { ApphouseComponent } from '../components/component.interfaces';
import { CSSProperties } from 'glamor';
interface PageBodyStyles {
    title?: CSSProperties;
    content?: CSSProperties;
    container?: CSSProperties;
}
interface PageWithPaginationStyles {
    container?: CSSProperties;
    navigation?: NavigationListStyles;
    pagination?: PaginationStyles;
    body?: PageBodyStyles;
}
interface PageWithPaginationProps extends ApphouseComponent<PageWithPaginationStyles> {
    /**
     * The title of the Page
     * @optional
     */
    title?: React.ReactNode;
    /**
     * The content of the popup.
     */
    children: React.ReactNode;
    /**
     * The pagination props.
     * if not provided, the pagination will not be shown.
     * @optional
     */
    pagination?: PaginationProps;
    /**
     * The navigation props.
     * if not provided, the navigation will not be shown.
     * @optional
     */
    navigation?: NavigationListProps;
    /**
     * The width of the left panel.
     * @optional
     * @default 200
     * @example 200
     */
    navigationWidth?: number;
}
export declare const PageWithPagination: (props: PageWithPaginationProps) => import("react/jsx-runtime").JSX.Element;
export {};