ai-video-fullstack/frontend/src/components/layout/Topbar.tsx

import type { Ref } from "react";

export function Topbar({
  contentRef,
}: {
  contentRef: Ref<HTMLDivElement>;
}) {
  return (
    <header className="flex h-16 shrink-0 items-center border-b border-border bg-background px-4 sm:px-6 lg:px-8">
      <div ref={contentRef} className="flex h-full min-w-0 flex-1 items-center" />
    </header>
  );
}