import { ComponentProps } from 'react';
import { RecipeVariantProps } from '../../../styled-system/css';
import { NotificationBadgeProps } from '../NotificationBadge';
declare const topAppBarStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"title" | "container" | "left" | "root" | "buttonContainer", {
    type: {
        navbar: {};
        titleBar: {};
        titleBarTitleOnly: {
            root: {
                _lastOfType: {
                    paddingBottom: "8px";
                };
                _firstOfType: {
                    paddingBottom: "0px";
                };
            };
        };
    };
}>;
type VariantProps = Omit<RecipeVariantProps<typeof topAppBarStyle>, "type">;
type BaseProps = {
    headingIconButton?: React.ReactElement;
    trailingIconButtons?: React.ReactElement;
    badge?: NotificationBadgeProps["count"];
    title?: string;
} & VariantProps & ComponentProps<"nav">;
type NavbarProps = BaseProps & {
    type: "navbar";
    title?: string;
};
type TitleBarProps = BaseProps & {
    type: "titleBar";
    title: string;
};
type Props = React.FC<NavbarProps | TitleBarProps>;
export declare const TopAppBar: Props;
export {};