Payment Failed Email Template

import Ark from "@arkhq/sdk";

const ark = new Ark({ apiKey: process.env.ARK_API_KEY });

interface PaymentFailure {
  amount: number;
  productName: string;
  failureReason: string;
  updatePaymentLink: string;
}

async function sendPaymentFailedEmail(
  email: string,
  name: string,
  failure: PaymentFailure
) {
  await ark.emails.send({
    from: "[email protected]",
    to: email,
    subject: `Action required: Payment failed for ${failure.productName}`,
    html: `
      <h1>Payment Failed</h1>
      <p>Hi ${name},</p>
      <p>We weren't able to process your payment of <strong>$${failure.amount.toFixed(2)}</strong> for ${failure.productName}.</p>
      <div style="background:#fef2f2;border-radius:8px;padding:20px;margin:20px 0;border-left:4px solid #ef4444;">
        <p style="margin:0;color:#991b1b;"><strong>What happened:</strong> ${failure.failureReason}</p>
      </div>
      <p>To keep your access, please update your payment method:</p>
      <a href="${failure.updatePaymentLink}" style="background:#000;color:#fff;padding:12px 30px;text-decoration:none;border-radius:6px;display:inline-block;">Update Payment Method</a>
    `,
  });
}