{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-refund-action-row",
  "title": "Z Refund Action Row",
  "dependencies": [
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-action-row.json",
    "https://ui.orchid.ai/r/z-button.json",
    "https://ui.orchid.ai/r/z-provider-icon.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/molecules/z-action-row/z-refund-action-row.tsx",
      "content": "\"use client\";\nimport ZProviderIcon from \"../../atoms/z-provider-icon/z-provider-icon\";\nimport ZButton from \"../../atoms/z-button/z-button\";\nimport ZActionRow from \"./z-action-row\";\nimport { ZActionRowText } from \"./z-action-row\";\nimport { BanknotesIcon } from '@heroicons/react/16/solid';\ntype RefundActionRowProps = {\n    amount: string;\n    recipient: string;\n    provider: string;\n    onRefund?: () => void;\n    className?: string;\n};\nexport default function ZRefundActionRow({ amount, recipient, onRefund, className, provider, }: RefundActionRowProps) {\n    return (<ZActionRow className={className} icon={BanknotesIcon} hasPadding={true} left={<ZActionRowText as=\"p\" className=\"text-copy\" lines={1} mobileLines={2}>\n          <span className=\"text-neutral-subtle\">Pay </span>\n          <span className=\"text-neutral\">{amount}</span>\n          <span className=\"text-neutral-subtle\"> to </span>\n          <span className=\"text-neutral\">{recipient}</span>\n        </ZActionRowText>} right={<ZButton leading={<ZProviderIcon provider={provider}/>} variant=\"primary\" size=\"md\" onClick={onRefund}>\n          Refund with Stripe\n        </ZButton>}/>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/molecules/z-action-row/z-refund-action-row.tsx"
    }
  ],
  "type": "registry:ui"
}