{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "breadcrumb-4",
  "type": "registry:component",
  "title": "Breadcrumb 4",
  "description": "Breadcrumb 4. Displays the hierarchical structure of a website or application.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "breadcrumb"
  ],
  "files": [
    {
      "path": "components/watermelon/breadcrumb-4.tsx",
      "type": "registry:component",
      "content": "import { DotIcon } from 'lucide-react';\n\nimport {\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: 'Library', href: '#' },\n  { label: 'Resources', href: '#' },\n  { label: 'Design Notes', current: true },\n] as const;\n\nconst Breadcrumb4 = () => {\n  return (\n    <Breadcrumb>\n      <BreadcrumbList className=\"gap-1.5 text-sm\">\n        {segments.map((segment, index) => (\n          <BreadcrumbItem key={segment.label}>\n            {'href' in segment ? (\n              <BreadcrumbLink\n                href={segment.href}\n                className=\"hover:text-foreground rounded-sm px-1.5 py-0.5\"\n              >\n                {segment.label}\n              </BreadcrumbLink>\n            ) : (\n              <BreadcrumbPage className=\"bg-muted/40 rounded-sm px-1.5 py-0.5 font-medium\">\n                {segment.label}\n              </BreadcrumbPage>\n            )}\n            {index < segments.length - 1 ? (\n              <BreadcrumbSeparator className=\"text-muted-foreground/60\">\n                <DotIcon className=\"size-3.5\" />\n              </BreadcrumbSeparator>\n            ) : null}\n          </BreadcrumbItem>\n        ))}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n};\n\nexport default Breadcrumb4;\n"
    }
  ]
}