JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.min.js"></script>
<script id='history-template' type='text/x-handlebars-template'>
    <div class="content-inner {{#if viewed}}msg_unseen{{/if}}">                                             
        <div>{{data}}</div>
        <div>{{#if test}}test success{{/if}}</div>
        <div>{{#if viewed}}test success{{/if}}</div>
    </div>
</script>

<div id="container"></div>

JavaScript

var data = { data: "hello", id: "c-0", test: true };

var tmpl = Handlebars.compile($('#history-template').html());

var html = tmpl(data);

$("#container").html(html);