{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "app-card",
  "title": "App Card",
  "description": "A card layout for app sections with optional icon, header action, separator, and footer.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ds.formance.com/r/button.json",
    "https://ds.formance.com/r/card.json"
  ],
  "files": [
    {
      "path": "registry/default/ui-fragments/app-card.tsx",
      "content": "import { LucideIcon } from 'lucide-react';\n\nimport { Button, TButtonProps } from '@/registry/default/ui/button';\nimport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@/registry/default/ui/card';\n\nexport type TAppCardProps = {\n  title?: string;\n  description?: string;\n  iconVariant?: TButtonProps['variant'];\n  appIcon?: LucideIcon;\n  footer?: React.ReactNode;\n  headerAction?: React.ReactNode;\n  headerContent?: React.ReactNode;\n  isEmpty?: boolean;\n} & React.ComponentProps<typeof Card>;\n\nexport function AppCard({\n  title,\n  description,\n  appIcon,\n  iconVariant,\n  children,\n  footer,\n  headerAction,\n  headerContent,\n  isEmpty,\n  ...cardProps\n}: TAppCardProps) {\n  const Icon = appIcon;\n  const hasHeader =\n    title || description || appIcon || headerAction || headerContent;\n\n  return (\n    <Card {...cardProps}>\n      {hasHeader && (\n        <CardHeader>\n          <div className=\"flex items-center gap-2\">\n            {Icon && (\n              <Button variant={iconVariant} size=\"icon-md\" notClickable>\n                <Icon />\n              </Button>\n            )}\n            <div className=\"flex items-center gap-3 flex-1\">\n              <CardTitle>{title}</CardTitle>\n              {headerContent}\n            </div>\n          </div>\n          <CardDescription>{description}</CardDescription>\n          {headerAction && !isEmpty && <CardAction>{headerAction}</CardAction>}\n        </CardHeader>\n      )}\n      <CardContent>{children}</CardContent>\n      {footer}\n    </Card>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/ui-fragments/app-card.tsx"
    }
  ],
  "type": "registry:component"
}