import React from 'react';
import { IconProps } from '../../../Icon';
import { NavigationContentColor } from './constant';
type BaseNavigationProps = {
    title?: string;
    titleColor: string;
    backgroundColor: string;
    leftChildren: React.ReactNode;
    rightChildren: React.ReactNode;
    zIndex?: number;
};
type PageNavigationProps = Pick<BaseNavigationProps, 'title' | 'zIndex'> & {
    contentColor: NavigationContentColor;
    hasBackgroundColor: boolean;
    leftArea?: {
        type: 'backIcon';
        handleClickButton: () => void;
    };
    rightArea?: {
        type: 'closeIcon';
        handleClickButton: () => void;
    } | {
        type: 'icon';
        children: React.FC<IconProps>;
        handleClickButton: () => void;
    } | {
        type: 'text';
        children: string;
        handleClickButton: () => void;
    };
};
declare const PageNavigationBar: React.FC<PageNavigationProps>;
export type { PageNavigationProps };
export { PageNavigationBar };
