{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-onboarding-answer-item",
  "title": "Z Onboarding Answer Item",
  "dependencies": [
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-onboarding-answer-item/z-onboarding-answer-item.tsx",
      "content": "\"use client\";\nimport { CheckIcon } from '@heroicons/react/16/solid';\nimport { cn } from \"../../../lib/ui-utils\";\nexport interface ZOnboardingAnswerItemProps {\n    label: string;\n    shortcut: string;\n    selected: boolean;\n    onSelect: () => void;\n    disabled?: boolean;\n    className?: string;\n}\nexport default function ZOnboardingAnswerItem({ label, shortcut, selected, onSelect, disabled = false, className, }: ZOnboardingAnswerItemProps) {\n    return (<button onClick={onSelect} disabled={disabled} className={cn('group flex h-12 w-full items-center text-left gap-2 px-4 py-1.5 transition-all outline-none', 'hover:bg-surface/45', selected && 'bg-surface/45', disabled && 'cursor-not-allowed opacity-50', className)}>\n      <div className={cn('flex size-[22px] shrink-0 items-center justify-center rounded-md border transition-all shadow-xs', 'bg-surface border-neutral', 'text-copy-sm text-neutral-weak')}>\n        {shortcut}\n      </div>\n\n      <span className={cn('text-copy flex-1 truncate text-neutral transition-all')}>\n        {label}\n      </span>\n\n      \n      <div className={cn('flex size-5 shrink-0 items-center justify-center rounded-full border transition-all', selected\n            ? 'border-transparent bg-neutral-inverse scale-100'\n            : 'border-neutral bg-transparent scale-90')}>\n         <CheckIcon className={cn(\"size-4 text-neutral-subtle scale-0 transition-all group-hover:scale-100\", selected && 'scale-100 text-neutral-inverse')}/>\n      </div>\n    </button>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-onboarding-answer-item/z-onboarding-answer-item.tsx"
    }
  ],
  "type": "registry:ui"
}