{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "inline-cta",
  "title": "Inline Cta",
  "description": "Inline Cta from the Get IT Done design system.",
  "dependencies": [],
  "registryDependencies": [
    "https://zero-design.itdone.de/r/utils.json",
    "https://zero-design.itdone.de/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/inline-cta.tsx",
      "content": "'use client';\n\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Figma: Inline CTA 1255:131915. A card with a message, optional media/body slot and actions; actions stack full-width on mobile.\nexport interface InlineCtaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  // Heading element for the title.\n  titleAs?: 'h2' | 'h3' | 'h4';\n  // Image or illustration before the text (desktop) or above it (mobile).\n  media?: React.ReactNode;\n  // Free body: plan summary, checklist, file row, email field.\n  children?: React.ReactNode;\n  // Buttons. A lone secondary plus a primary is the common pair.\n  actions?: React.ReactNode;\n}\n\nconst InlineCta = React.forwardRef<HTMLDivElement, InlineCtaProps>(\n  ({ className, title, description, titleAs: Title = 'h3', media, children, actions, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex w-full flex-col overflow-hidden rounded-surface border border-solid border-border bg-card shadow-elevation-surface sm:flex-row',\n        className,\n      )}\n      {...props}\n    >\n      {media ? <div className=\"shrink-0 sm:w-inner-column\">{media}</div> : null}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-4 p-6\">\n        <div className=\"flex flex-col gap-1\">\n          <Title className=\"typography-ui-lg-semibold text-text-default\">{title}</Title>\n          {description ? <p className=\"typography-ui text-text-subtle\">{description}</p> : null}\n        </div>\n        {children}\n        {actions ? <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center [&>*]:max-sm:w-full\">{actions}</div> : null}\n      </div>\n    </div>\n  ),\n);\nInlineCta.displayName = 'InlineCta';\n\nexport { InlineCta };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}