{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "breadcrumb",
  "type": "registry:ui",
  "title": "Breadcrumb",
  "description": "Navigation breadcrumb row.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/utils.json",
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/text.json",
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/theme.json"
  ],
  "dependencies": [
    "lucide-react-native"
  ],
  "files": [
    {
      "path": "registry/shared/ui/breadcrumb.tsx",
      "type": "registry:ui",
      "target": "components/ui/breadcrumb.tsx",
      "content": "import { ChevronRight } from 'lucide-react-native';\nimport {\n  Pressable,\n  View,\n  type PressableProps,\n  type ViewProps,\n} from 'react-native';\nimport { Text, type TextProps } from '@/components/ui/text';\nimport { cn, useIconColor } from '@/lib/utils';\n\nexport function Breadcrumb({\n  className,\n  ...props\n}: ViewProps & { className?: string }) {\n  return (\n    <View\n      accessibilityRole=\"toolbar\"\n      className={cn('flex-row flex-wrap items-center', className)}\n      {...props}\n    />\n  );\n}\n\nexport interface BreadcrumbItemProps extends Omit<PressableProps, 'children'> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function BreadcrumbItem({\n  className,\n  children,\n  ...props\n}: BreadcrumbItemProps) {\n  return (\n    <Pressable\n      accessibilityRole=\"link\"\n      className={cn('active:opacity-60', className)}\n      {...props}\n    >\n      <Text className=\"text-sm text-muted-foreground\">{children}</Text>\n    </Pressable>\n  );\n}\n\nexport function BreadcrumbPage({ className, ...props }: TextProps) {\n  return (\n    <Text\n      className={cn('text-sm font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport function BreadcrumbSeparator({ className }: { className?: string }) {\n  return (\n    <View className={cn('mx-1.5', className)}>\n      <ChevronRight size={14} color={useIconColor()} />\n    </View>\n  );\n}\n"
    }
  ]
}