import * as React from 'react';
type IProps = {
    mobileLeft?: React.ReactNode;
    mobileTitle?: React.ReactNode;
    mobileRight?: React.ReactNode;
    desktopLeft?: React.ReactNode;
    desktopTitle?: React.ReactNode;
    desktopCenter?: React.ReactNode;
    desktopRight?: React.ReactNode;
};
export type IAppBarProps = IProps & React.HTMLAttributes<HTMLSpanElement>;
/**
 * `AppBar` is a header component usually used by `Frame`. It always either renders either mobile or desktop props.
 * The component gives flexibility on what is shown on either mobile or desktop.
 *
 * **Note:** You can only use either `desktopTitle` or `desktopCenter` at the same time.
 */
export declare const AppBar: (props: IAppBarProps) => React.JSX.Element;
export {};
//# sourceMappingURL=AppBar.d.ts.map