{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "type": "registry:ui",
  "title": "Card",
  "description": "A card component for React Native applications.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/card/card.tsx",
      "content": "import * as React from \"react\";\nimport { View, ViewProps } from \"react-native\";\nimport { cn } from \"@/lib/utils\";\n\ninterface CardProps extends ViewProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction Card({ className, children, ...props }: CardProps) {\n  return (\n    <View\n      className={cn(\n        \"bg-card rounded-2xl border border-border p-4 shadow-sm\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </View>\n  );\n}\n\nfunction CardHeader({ className, children, ...props }: CardProps) {\n  return (\n    <View\n      className={cn(\n        \"flex-row justify-between items-start gap-4 mb-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </View>\n  );\n}\n\nfunction CardTitle({ className, children, ...props }: CardProps) {\n  return (\n    <View className={cn(\"flex-shrink\", className)} {...props}>\n      {children}\n    </View>\n  );\n}\n\nfunction CardDescription({ className, children, ...props }: CardProps) {\n  return (\n    <View className={cn(\"text-muted-foreground\", className)} {...props}>\n      {children}\n    </View>\n  );\n}\n\nfunction CardContent({ className, children, ...props }: CardProps) {\n  return (\n    <View className={cn(\"\", className)} {...props}>\n      {children}\n    </View>\n  );\n}\n\nfunction CardFooter({ className, children, ...props }: CardProps) {\n  return (\n    <View\n      className={cn(\"mt-4 flex-row items-center justify-end gap-4\", className)}\n      {...props}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n};\n",
      "type": "registry:ui"
    }
  ],
  "changelog": [],
  "customUsage": "import {\n    Card,\n    CardContent,\n    CardDescription,\n    CardFooter,\n    CardHeader,\n    CardTitle,\n} from \"@/components/ui/card\";\nimport * as React from \"react\";\nimport { Text } from \"react-native\";\n\nexport default function CardExample() {\n\n    return (\n        <Card>\n            <CardHeader>\n                <CardTitle>\n                    <Text className=\"text-xl font-semibold text-foreground\">\n                        Card Title\n                    </Text>\n                </CardTitle>\n                <CardDescription>\n                    <Text className=\"text-base text-muted-foreground\">\n                        Card Description\n                    </Text>\n                </CardDescription>\n            </CardHeader>\n            <CardContent>\n                <Text className=\"text-foreground\">\n                    This is a basic card with a title, description, and content.\n                </Text>\n            </CardContent>\n        </Card>\n    );\n}\n",
  "customPreview": "import { Button } from \"@/components/ui/button\";\nimport {\n    Card,\n    CardContent,\n    CardDescription,\n    CardFooter,\n    CardHeader,\n    CardTitle,\n} from \"@/components/ui/card\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport * as React from \"react\";\nimport {\n    Image,\n    KeyboardAvoidingView,\n    Platform,\n    ScrollView,\n    Text,\n    View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\n\nexport default function CardExample() {\n    return (\n        <>\n            <SafeAreaView className=\"flex-1 bg-background\" edges={[\"bottom\"]}>\n                <KeyboardAvoidingView\n                    behavior={Platform.OS === \"ios\" ? \"padding\" : \"height\"}\n                    style={{ flex: 1 }}\n                    keyboardVerticalOffset={100}\n                >\n                    <ScrollView className=\"flex-1 p-4\">\n                        <View className=\"mb-6\">\n                            <Text className=\"text-2xl font-bold mb-2 text-foreground\">\n                                Card\n                            </Text>\n                            <Text className=\"text-base text-muted-foreground mb-6\">\n                                Displays content in a clean and organized card format.\n                            </Text>\n                        </View>\n\n                        {/* Basic Card */}\n                        <View className=\"mb-8\">\n                            <Text className=\"text-xl font-semibold mb-4 text-foreground\">\n                                Basic Card\n                            </Text>\n                            <Card>\n                                <CardHeader>\n                                    <CardTitle>\n                                        <Text className=\"text-xl font-semibold text-foreground\">\n                                            Card Title\n                                        </Text>\n                                    </CardTitle>\n                                    <CardDescription>\n                                        <Text className=\"text-base text-muted-foreground\">\n                                            Card Description\n                                        </Text>\n                                    </CardDescription>\n                                </CardHeader>\n                                <CardContent>\n                                    <Text className=\"text-foreground\">\n                                        This is a basic card with a title, description, and content.\n                                    </Text>\n                                </CardContent>\n                            </Card>\n                        </View>\n\n                        {/* Profile Card */}\n                        <View className=\"mb-8\">\n                            <Text className=\"text-xl font-semibold mb-4 text-foreground\">\n                                Profile Card\n                            </Text>\n                            <Card>\n                                <CardHeader>\n                                    <View className=\"flex-row items-center gap-4\">\n                                        <Image\n                                            source={{\n                                                uri: \"https://avatars.githubusercontent.com/u/204157942?s=200&v=4\",\n                                            }}\n                                            className=\"w-16 h-16 rounded-full\"\n                                        />\n                                        <View>\n                                            <CardTitle>\n                                                <Text className=\"text-xl font-semibold text-foreground\">\n                                                    John Doe\n                                                </Text>\n                                            </CardTitle>\n                                            <CardDescription>\n                                                <Text className=\"text-base text-muted-foreground\">\n                                                    Software Developer\n                                                </Text>\n                                            </CardDescription>\n                                        </View>\n                                    </View>\n                                </CardHeader>\n                                <CardContent>\n                                    <Text className=\"text-foreground\">\n                                        Passionate about creating beautiful and functional user\n                                        interfaces.\n                                    </Text>\n                                </CardContent>\n                                <CardFooter>\n                                    <Button variant=\"outline\" className=\"flex-1\">\n                                        <Text className=\"text-foreground\">Message</Text>\n                                    </Button>\n                                    <Button className=\"flex-1\">\n                                        <Text className=\"text-primary-foreground\">Follow</Text>\n                                    </Button>\n                                </CardFooter>\n                            </Card>\n                        </View>\n\n                        {/* Login Card */}\n                        <View className=\"mb-8\">\n                            <Text className=\"text-xl font-semibold mb-4 text-foreground\">\n                                Login Card\n                            </Text>\n                            <Card>\n                                <CardHeader>\n                                    <CardTitle>\n                                        <Text className=\"text-xl font-semibold text-foreground\">\n                                            Login\n                                        </Text>\n                                    </CardTitle>\n                                    <CardDescription>\n                                        <Text className=\"text-base text-muted-foreground\">\n                                            Enter your credentials to access your account\n                                        </Text>\n                                    </CardDescription>\n                                </CardHeader>\n                                <CardContent>\n                                    <View className=\"space-y-6\">\n                                        <View className=\"space-y-2 mb-4\">\n                                            <Label nativeID=\"email\">Email</Label>\n                                            <Input\n                                                id=\"email\"\n                                                placeholder=\"Enter your email\"\n                                                keyboardType=\"email-address\"\n                                                autoCapitalize=\"none\"\n                                            />\n                                        </View>\n                                        <View className=\"space-y-2\">\n                                            <Label nativeID=\"password\">Password</Label>\n                                            <Input\n                                                id=\"password\"\n                                                placeholder=\"Enter your password\"\n                                                secureTextEntry\n                                            />\n                                        </View>\n                                    </View>\n                                </CardContent>\n                                <CardFooter>\n                                    <Button className=\"w-full\">\n                                        <Text className=\"text-primary-foreground\">Login</Text>\n                                    </Button>\n                                </CardFooter>\n                            </Card>\n                        </View>\n\n                        {/* Feature Card */}\n                        <View className=\"mb-8\">\n                            <Text className=\"text-xl font-semibold mb-4 text-foreground\">\n                                Feature Card\n                            </Text>\n                            <Card className=\"bg-primary\">\n                                <CardHeader>\n                                    <CardTitle>\n                                        <Text className=\"text-xl font-semibold text-primary-foreground\">\n                                            Premium Features\n                                        </Text>\n                                    </CardTitle>\n                                    <CardDescription>\n                                        <Text className=\"text-base text-primary-foreground/80\">\n                                            Unlock all premium features\n                                        </Text>\n                                    </CardDescription>\n                                </CardHeader>\n                                <CardContent>\n                                    <View className=\"space-y-2\">\n                                        <Text className=\"text-primary-foreground\">\n                                            • Unlimited access to all content\n                                        </Text>\n                                        <Text className=\"text-primary-foreground\">\n                                            • Priority customer support\n                                        </Text>\n                                        <Text className=\"text-primary-foreground\">\n                                            • Ad-free experience\n                                        </Text>\n                                    </View>\n                                </CardContent>\n                                <CardFooter>\n                                    <Button\n                                        variant=\"secondary\"\n                                        className=\"w-full bg-primary-foreground\"\n                                    >\n                                        <Text className=\"text-foreground\">Upgrade Now</Text>\n                                    </Button>\n                                </CardFooter>\n                            </Card>\n                        </View>\n\n                        <View className=\"h-20\" />\n                    </ScrollView>\n                </KeyboardAvoidingView>\n            </SafeAreaView>\n        </>\n    );\n}\n"
}