{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "breadcrumb-1",
  "type": "registry:component",
  "title": "Breadcrumb 1",
  "description": "Breadcrumb 1. Displays the hierarchical structure of a website or application.",
  "dependencies": [],
  "registryDependencies": [
    "breadcrumb"
  ],
  "files": [
    {
      "path": "components/watermelon/breadcrumb-1.tsx",
      "type": "registry:component",
      "content": "import {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@/components/base-ui/breadcrumb';\n\ntype BreadcrumbSegment =\n  | {\n      label: string;\n      href: string;\n      current?: false;\n    }\n  | {\n      label: string;\n      current: true;\n      href?: never;\n    };\n\nconst segments: readonly BreadcrumbSegment[] = [\n  { label: 'Dashboard', href: '#' },\n  { label: 'Campaigns', href: '#' },\n  { label: 'Spring Launch', current: true },\n] as const;\n\nconst Breadcrumb1 = () => {\n  return (\n    <Breadcrumb>\n      <BreadcrumbList className=\"border-border/70 bg-background w-full max-w-full justify-center rounded-2xl border px-2 py-1.5 shadow-sm sm:w-fit sm:justify-start sm:rounded-full sm:px-3\">\n        {segments.map((segment, index) => (\n          <BreadcrumbItem key={segment.label}>\n            {'href' in segment ? (\n              <BreadcrumbLink href={segment.href}>\n                {segment.label}\n              </BreadcrumbLink>\n            ) : (\n              <BreadcrumbPage>{segment.label}</BreadcrumbPage>\n            )}\n            {index < segments.length - 1 ? <BreadcrumbSeparator /> : null}\n          </BreadcrumbItem>\n        ))}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n};\n\nexport default Breadcrumb1;\n"
    }
  ]
}