81 lines
2.4 KiB
JavaScript
81 lines
2.4 KiB
JavaScript
|
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>
|
||
|
|
`;
|
||
|
|
};
|