{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "screen-header",
  "title": "Screen header",
  "description": "the in-body page title + intro · one per screen, first child of the ScrollView",
  "dependencies": [],
  "registryDependencies": [
    "@kit-native/lib-utils",
    "@kit-native/text"
  ],
  "files": [
    {
      "path": "components/kit/screen-header.tsx",
      "content": "import { Text } from '@/components/ui/text';\nimport { cn } from '@/lib/utils';\nimport type { ReactNode } from 'react';\nimport { View } from 'react-native';\n\ntype Props = {\n  title: string;\n  /** One or two sentences of intro under the title. */\n  subtitle?: string;\n  /** Trailing slot — an IconBadge, a Button, a Badge. */\n  action?: ReactNode;\n  /** `large` is the hero title on a landing screen. Default `default`. */\n  size?: 'default' | 'large';\n  className?: string;\n};\n\n/**\n * The page title inside the scroll, under a minimal nav bar.\n *\n * Use it once per screen, as the first child of the ScrollView. Section titles further\n * down the page are `SectionHeader`, not this.\n */\nexport function ScreenHeader({ title, subtitle, action, size = 'default', className }: Props) {\n  return (\n    <View className={cn('gap-2', className)}>\n      <View className=\"flex-row items-start justify-between gap-3\">\n        <Text variant={size === 'large' ? 'h2' : 'h3'} className=\"flex-1\">\n          {title}\n        </Text>\n        {action ? <View className=\"pt-1\">{action}</View> : null}\n      </View>\n      {subtitle ? <Text className=\"text-muted-foreground\">{subtitle}</Text> : null}\n    </View>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/kit/screen-header.tsx"
    }
  ],
  "meta": {
    "exports": [
      "ScreenHeader"
    ],
    "api": "<ScreenHeader title subtitle? action? size=\"default|large\" />"
  },
  "docs": "Run `npx expo install --fix` afterwards so Expo SDK packages match your SDK. Needs the kit theme (`@kit-native/theme`) and `KitThemeProvider` from `@kit-native/lib-theme-context` at the root.",
  "categories": [
    "navigation"
  ],
  "type": "registry:component"
}