import { IconProps } from '../../Icon';
import React from 'react';
import { BaseNavigationProps } from './BaseNavigation';
import { NavigationContentColor } from './constant';
type NavigationProps = 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 Navigation: React.FC<NavigationProps>;
export type { NavigationProps };
export { Navigation };
