export const otpTemplate = (payload) => {
    return `
     <div
          style="
            margin: 0;
            padding: 0;
            background-color: #f4f6f8;
            font-family: Arial, Helvetica, sans-serif;
          "
        >
          <table
            align="center"
            width="100%"
            cellpadding="0"
            cellspacing="0"
            style="
              max-width: 600px;
              margin: auto;
              background: #ffffff;
              border-radius: 8px;
              overflow: hidden;
            "
          >
            <tr>
              <td style="padding: 30px; color: #333333">
                <p style="margin: 0 0 20px 0; font-size: 15px">
                  Use the following One-Time Password (OTP) to complete your
                  verification:
                </p>

                <!-- OTP Box -->
                <div style="text-align: center; margin: 25px 0">
                  <span
                    style="
                      display: inline-block;
                      background: #f1f5f9;
                      padding: 15px 25px;
                      font-size: 24px;
                      letter-spacing: 4px;
                      font-weight: bold;
                      color: #111827;
                      border-radius: 6px;
                    "
                  >
                    ${payload.otp}
                  </span>
                </div>

                <p style="margin: 0 0 20px 0; font-size: 13px; color: #6b7280">
                  This OTP will expire in <strong>5 minutes</strong>.
                </p>

                <!-- Divider -->
                <hr
                  style="
                    border: none;
                    border-top: 1px solid #e5e7eb;
                    margin: 25px 0;
                  "
                />

                <!-- Verification Link -->
                <p style="margin: 0 0 10px 0; font-size: 15px">
                  Or verify using this link:
                </p>

                <p style="word-break: break-all; font-size: 14px">
                  <a
                    href="${payload.verificationLink}"
                    style="color: #4f46e5; text-decoration: none"
                  >
                    ${payload.verificationLink}
                  </a>
                </p>
              </td>
            </tr>
          </table>
        </div>
    `;
};