import { default as React } from 'react';
import { IconProps } from '../../../icons/src/types';
interface PageNavigationBarProps {
    contentColor?: 'white' | 'gray';
    hasBackground?: boolean;
    header?: Omit<PageNavigationBarHeaderProps, 'hasBackground' | 'contentColor'>;
    leftArea?: PageNavigationBarBackButtonProps;
    rightArea?: Omit<PageNavigationBarRightAreaProps, 'hasBackground' | 'contentColor'>;
    showTitle?: boolean;
    title?: Omit<PageNavigationBarTitleProps, 'hasBackground' | 'contentColor'>;
}
declare function PageNavigationBar({ hasBackground, contentColor, showTitle, header, title, leftArea, rightArea, }: PageNavigationBarProps): React.JSX.Element;
declare namespace PageNavigationBar {
    var Header: ({ children, className, hasBackground, contentColor, ...props }: PageNavigationBarHeaderProps) => React.JSX.Element;
    var Title: ({ children, className, contentColor, ...props }: PageNavigationBarTitleProps) => React.JSX.Element;
    var BackButton: ({ className, contentColor, size, ref, ...props }: PageNavigationBarBackButtonProps & {
        ref?: React.Ref<HTMLButtonElement>;
    }) => React.JSX.Element;
    var RightArea: ({ children, className, ...props }: PageNavigationBarRightAreaProps) => React.JSX.Element;
}
interface PageNavigationBarComponentProps {
    contentColor?: 'white' | 'gray';
    hasBackground?: boolean;
}
type PageNavigationBarHeaderProps = React.HTMLAttributes<HTMLElement> & PageNavigationBarComponentProps;
type PageNavigationBarTitleProps = React.HTMLAttributes<HTMLHeadingElement> & PageNavigationBarComponentProps;
type PageNavigationBarBackButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Partial<PageNavigationBarComponentProps> & Omit<IconProps, 'ref'>;
type PageNavigationBarRightAreaProps = React.HTMLAttributes<HTMLDivElement> & PageNavigationBarComponentProps;
export type { PageNavigationBarProps };
export { PageNavigationBar };
//# sourceMappingURL=index.d.ts.map