@serendie/ui
Version:
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
38 lines (37 loc) • 1.2 kB
TypeScript
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 {};