---
bodyClass: bg-slate-50
preheader: Registeration Confirmation
---

<x-main>
  <div class="bg-slate-50 sm:px-4 font-inter">
    <table align="center" class="m-0 mx-auto">
      <tr>
        <td class="w-[552px] max-w-full">
          <x-spacer height="24px" />

          <table class="w-full">
            <tr>
              <td
                class="py-6 px-9 sm:p-6 bg-white [border:1px_solid_theme(colors.slate.200)] rounded-lg"
              >
                <a href="https://solian.app">
                  <img
                    src="https://solian.app/favicon.png"
                    src-production="https://solian.app/favicon.png"
                    width="70"
                    alt="Solar Network Logo"
                  />
                </a>

                <x-spacer height="24px" />

                <h1 class="m-0 mb-6 text-2xl/8 text-slate-900 font-semibold">
                  Dear, {{ Name }}
                </h1>

                <p class="m-0 mb-6 text-base/6 text-slate-600">
                  Someone trying to use email auth factor to authorize an access
                  request. If that is you, enter the code below to continue.
                </p>

                <p class="m-0 text-3xl text-base/6 font-mono text-slate-600 font-bold tracking-2">
                  000000
                </p>

                <x-spacer height="24px" />

                <p class="m-0 text-base/6 text-slate-600">
                  Thanks,
                  <br />
                  <span class="font-semibold">Solar Network Team</span>
                </p>

                <x-divider />

                <p class="m-0 text-xs/5 text-slate-600 mso-break-all">
                  The code will expires in 30 minutes, if you didn't request
                  this code, you can safety ignore this email.
                </p>
              </td>
            </tr>
          </table>

          <table class="w-full">
            <tr>
              <td class="py-6 px-9 sm:px-6">
                <p class="m-0 text-xs text-slate-500">
                  &copy; {{ new Date().getFullYear() }} Solsynth LLC. All rights
                  reserved.
                </p>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>
</x-main>