<table width="100%" bgcolor="#f1f5f9" cellpadding="0" cellspacing="0" border="0"
  style="padding: 6rem; color: #1e293b; font-family: Arial;">
  <tr>
    <td align="center">
      <table width="750" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0"
        style="border-radius: 10px; overflow: hidden; padding: 3rem;">
        <tr>
          <td style="padding: 0.5rem 0;">
            <h1
              style="font-family: Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; font-size: 28px; margin: 0;">
              Bienvenido a tu nueva cuenta
            </h1>
          </td>
        </tr>
        <tr>
          <td
            style="font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 0.5rem 3rem; font-size: 16px;">
            <p style="font-size: 20px; margin: 0; color: #1e293b;">Hola, <%= user.name %>!</p>
            <p style="margin: 1rem 0; color: #1e293b;">Tu cuenta ha sido activada con éxito. Ahora puedes disfrutar de
              todos los beneficios que ofrecemos.</p>
            <p style="margin: 1rem 0; color: #1e293b;">Si tienes alguna pregunta o necesitas ayuda, no dudes en
              contactarnos.</p>
          </td>
        </tr>
      </table>
      <p style="font-size: 14px; text-align: center; margin: 1rem 0 0;">
        <span>&copy; Copyright <%= new Date().getFullYear() %> <a href="<%= props?.appUrl %>">
              <%= props?.appName %>
            </a></span>
      </p>
    </td>
  </tr>
</table>
