{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-action-overview",
  "title": "Z Action Overview",
  "dependencies": [
    "class-variance-authority@0.7.1"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-action-row.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/organisms/z-action-overview/z-action-overview.tsx",
      "content": "\"use client\";\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport ZActionRow from \"../../molecules/z-action-row/z-action-row\";\nimport { cn } from \"../../../lib/ui-utils\";\nconst titleVariants = cva('flex flex-row items-center gap-1 text-sm text-nowrap', {\n    variants: {\n        variant: {\n            default: 'text-primary',\n            success: 'text-[color:var(--text-color-success)]',\n            warning: 'text-[color:var(--text-color-warn)]',\n            error: 'text-[color:var(--text-color-danger)]',\n            info: 'text-[color:var(--text-color-accent)]',\n        },\n    },\n    defaultVariants: {\n        variant: 'default',\n    },\n});\ntype Props = {\n    title?: string;\n    description?: string;\n    icon?: React.ReactNode;\n    leftActions?: React.ReactNode;\n    rightActions?: React.ReactNode;\n    variant?: VariantProps<typeof titleVariants>['variant'];\n};\nexport default function ZActionOverview({ icon, description, leftActions, rightActions, variant = 'default', }: Props) {\n    const action = variant === 'success'\n        ? 'Done'\n        : variant === 'warning'\n            ? 'Warning'\n            : variant === 'error'\n                ? 'Error'\n                : 'Error';\n    return (<div className=\"bg-surface-subtle flex flex-col rounded-[14px] p-[2px]\">\n      {(action || description) && (<div className={cn('bg-surface flex flex-row gap-3 rounded-xl p-3', (leftActions || rightActions) && 'mb-[2px]')}>\n          {action && (<span className={titleVariants({ variant })}>\n              {icon ? icon : null}\n              {action}\n            </span>)}\n          {description && <p className=\"text-sm text-nowrap\">{description}</p>}\n        </div>)}\n      {(leftActions || rightActions) && <ZActionRow left={leftActions} right={rightActions}/>}\n    </div>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/organisms/z-action-overview/z-action-overview.tsx"
    }
  ],
  "type": "registry:ui"
}