import * as React from 'react'; import {LayoutArgs, Span, widgets} from '@tesseract-design/viewfinder-base'; export type TopBarProps = Omit, 'span'> & { span?: Span, brand?: React.ReactNode, menuLink?: React.ReactNode, userLink?: React.ReactNode, } export const TopBar = React.forwardRef(({ span = Span.NORMAL, brand, menuLink, userLink, children, ...etcProps }, ref) => { const args = React.useMemo(() => ({ span, mainSidebarOpen: false, }), [span]); return (
{ Boolean(brand as unknown) && (
{brand}
) }
{children}
{ Boolean(menuLink as unknown) && (
{menuLink}
) } { Boolean(userLink as unknown) && (
{userLink}
) }
) }) TopBar.displayName = 'TopBar';