Function TopBar

packages/ui/src/components/TopBar.tsx:11–23

({ children, className = '' })

};

export const TopBar: FC<TopBarProps> = ({ children, className = '' }) => {
  return (
    <header
      className={cn(
        'bg-background-secondary border-border grid h-12 grid-cols-[1fr_4fr_1fr] items-center gap-2 border-b-(length:--border-width) px-3 select-none',
        className,
      )}
      data-tauri-drag-region
    >
      {children}
    </header>
  );
};