{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "bottom-bar",
  "title": "Bottom Bar",
  "description": "Slim chrome strip pinned to the bottom of a canvas shell as a calm host for activity strips, status pills, and ambient indicators.",
  "dependencies": [
    "@vllnt/ui@^0.3.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/bottom-bar/bottom-bar.tsx",
      "content": "import type { ReactNode } from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type BottomBarProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  center?: ReactNode;\n  leading?: ReactNode;\n  trailing?: ReactNode;\n};\n\nconst BottomBar = ({\n  center,\n  className,\n  leading,\n  ref,\n  trailing,\n  ...props\n}: BottomBarProps & { ref?: React.Ref<HTMLDivElement> }) => (\n  <div\n    className={cn(\n      \"flex min-h-14 items-center gap-3 px-4 py-3 text-sm\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  >\n    <div className=\"flex min-w-0 flex-1 items-center gap-2\">{leading}</div>\n    {center ? (\n      <div className=\"flex shrink-0 items-center justify-center gap-2\">\n        {center}\n      </div>\n    ) : null}\n    <div className=\"flex min-w-0 flex-1 items-center justify-end gap-2\">\n      {trailing}\n    </div>\n  </div>\n);\n\nBottomBar.displayName = \"BottomBar\";\n\nexport { BottomBar };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.3.0",
  "stability": "stable"
}