{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "top-bar",
  "title": "Top Bar",
  "description": "Flow top bar primitive.",
  "registryDependencies": [
    "@blocks/flow-progress"
  ],
  "files": [
    {
      "path": "registry/berlin/blocks/top-bar.tsx",
      "content": "// Generated from packages/ui/src/components/top-bar.tsx\n\"use client\";\n\nimport * as React from \"react\";\n\nimport { FlowHeadButton } from \"@/registry/berlin/blocks/flow-progress\";\n\nfunction CaretLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"m10 3-5 5 5 5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction CloseIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"m4 4 8 8m0-8-8 8\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport interface TopBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  showBackButton?: boolean;\n  onBackClick?: () => void;\n  showCloseButton?: boolean;\n  onCloseClick?: () => void;\n  showLogo?: boolean;\n  logo?: React.ReactNode;\n}\n\nexport function TopBar({\n  logo,\n  onBackClick,\n  onCloseClick,\n  showBackButton = true,\n  showCloseButton = false,\n  showLogo = false,\n  ...props\n}: TopBarProps) {\n  return (\n    <div className=\"w-full\" {...props}>\n      <div className=\"flex min-h-14 items-center justify-between gap-4\">\n        <div className=\"flex min-w-14 justify-start\">\n          {showBackButton && onBackClick ? (\n            <FlowHeadButton leftIcon={CaretLeftIcon} onClick={onBackClick} />\n          ) : null}\n        </div>\n        <div className=\"flex flex-1 justify-center\">\n          {showLogo ? <div className=\"flex items-center justify-center\">{logo}</div> : null}\n        </div>\n        <div className=\"flex min-w-14 justify-end\">\n          {showCloseButton && onCloseClick ? (\n            <FlowHeadButton rightIcon={CloseIcon} onClick={onCloseClick} />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/ui/top-bar.tsx"
    }
  ],
  "type": "registry:ui"
}