# Refund confirmed (/docs/ui/commerce/refund-confirmed)



<EmailExample id="refund-confirmed" />

## Installation [#installation]

<Tabs items="[&#x22;CLI&#x22;, &#x22;Manual&#x22;]">
  <Tab value="CLI">
    ```bash
    npx shadcn@latest add https://email-sdk.dev/r/refund-confirmed.json
    ```
  </Tab>

  <Tab value="Manual">
    Copy this template into your app and customize its props, words, and links.

    ```tsx title="src/ui/email/refund-confirmed.tsx"
    import {
      EmailCard,
      EmailHeading,
      EmailSeparator,
      EmailText,
      ShadcnEmail,
    } from "@opencoredev/email-sdk/react";

    export function RefundConfirmedEmail({ amount }: { amount: string }) {
      return (
        <ShadcnEmail preview={`Your ${amount} refund is on its way`}>
          <EmailCard>
            <EmailHeading>Your refund is on its way</EmailHeading>
            <EmailText>We issued a {amount} refund to your Visa ending in 4242.</EmailText>
            <EmailSeparator />
            <EmailText muted>Refund amount</EmailText>
            <EmailText style={{ fontSize: 24, fontWeight: 700 }}>{amount}</EmailText>
            <EmailText muted>Expected in 3–5 business days</EmailText>
            <EmailText muted>Your bank may take additional time to post the credit.</EmailText>
          </EmailCard>
        </ShadcnEmail>
      );
    }
    ```
  </Tab>
</Tabs>