/// <reference types="react" />
import type { PDSIconType, PDSTextType, UiColors } from '../../../common';
type Props = {
    titleType?: 'text' | 'profile' | 'image';
    titleText?: PDSTextType;
    captionText?: PDSTextType;
    leftBtnMode?: 'none' | 'back' | 'menu' | 'close';
    displayType?: 'none' | 'ibtn_amount1' | 'ibtn_amount2';
    iBtn1IconName?: PDSIconType;
    iBtn1IconFillType?: 'fill' | 'line';
    iBtn1IconColorKey?: UiColors;
    iBtn2IconName?: PDSIconType;
    iBtn2IconFillType?: 'fill' | 'line';
    iBtn2IconColorKey?: UiColors;
    dividerMode?: 'none' | 'solid';
    imageSrc?: string;
    iBtn1State?: 'normal' | 'disabled';
    iBtn1Type?: 'submit' | 'reset' | 'button';
    iBtn2State?: 'normal' | 'disabled';
    iBtn2Type?: 'submit' | 'reset' | 'button';
    colorTheme?: ColorTheme;
    onClickLeftBtn?: (e: React.MouseEvent<HTMLButtonElement>) => void;
    onClickIBtn1?: (e: React.MouseEvent<HTMLButtonElement>) => void;
    onClickIBtn2?: (e: React.MouseEvent<HTMLButtonElement>) => void;
};
export type ColorTheme = 'none' | 'transparent_white';
declare function MobileHeaderBar({ titleType, titleText, captionText, leftBtnMode, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, dividerMode, imageSrc, iBtn1State, iBtn1Type, iBtn2State, iBtn2Type, colorTheme, onClickLeftBtn, onClickIBtn1, onClickIBtn2 }: Props): JSX.Element;
export default MobileHeaderBar;