JSFiddle - React, Tailwind, and code Playground

by pj_js15

HTML

## messageSource=classpath:/metcashinitialdata/import/coredata/contentCatalogs/suppliersContentCatalog/messages/email-supplierBulkCSPPrice_$lang.properties
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<center style="background-color: #f9f9f9;">
    <table cellpadding="0" cellspacing="0" style="width:100%;max-width:670px;background-color:#F9F9F9">
        <tbody>
        <tr>
            <td>
                <table>
                    <td width="80%">
                        <a class="header__logo" href="${ctx.baseUrl}" align="absbottom" style="display:block;">
                            ${ctx.cmsSlotContents.TopContent}
                        </a>
                    </td>
                </table>
            </td>
        </tr>
        <tr align="left" style="font-size: 24px;line-height: 70px; font-weight: bold;font-family: Helvetica,Arial,sans-serif; color: #333333">
            <td>
                ${ctx.messages.your} ${ctx.totalCounter} ${ctx.messages.submitted}
            </td>
        </tr>
        <tr style="background-color: #0090FF;height: 10px;">
            <td>
            </td>
        </tr>
        <tr>
            <td>
        <table width="100%" style="max-width:670px; background-color: #fff; text-align: left; padding: 10px 20px 15px 20px;font-family:Helvetica,Arial,sans-serif;">
          
            <tr style="font-family: lato;font-size: 24px; font-weight: bold; font-family:Helvetica,Arial,sans-serif,sans-serif ; color: #333333">
                <td>
                    ${ctx.successCounter} ${ctx.messages.successful}
                </td>
            </tr>
            <tr style="font-family: lato;font-size: 24px; font-weight: bold; font-family:Helvetica,Arial,sans-serif,sans-serif ; color: #333333">
                <td>
                    ${ctx.failureCounter} ${ctx.messages.invalid}
                </td>
            </tr>
           
            <tr>
         ...