<article class="modal{{#if options.type}}-{{options.type}}{{/if}} {{#if options.style}}{{#each options.style}}modal-style-{{this}} {{/each}}{{/if}}{{options.animation}} js-modal">
    <section class="modal-content">
        {{#if content.title}}<header class="modal-header"><h1>{{content.title}}</h1></header>{{/if}}
        {{#if options.close}}<a class="close" href="#"><span class="hidden">Close</span></a>{{/if}}
        <section class="modal-body">
        </section>
        {{#if options.confirm}}
        <footer class="modal-footer">
            <button class="js-button-accept {{#if options.confirm.accept.buttonClass}}{{options.confirm.accept.buttonClass}}{{else}}button-add{{/if}}">{{options.confirm.accept.text}}</button>
            <button class="js-button-reject {{#if options.confirm.reject.buttonClass}}{{options.confirm.reject.buttonClass}}{{else}}button-delete{{/if}}">{{options.confirm.reject.text}}</button>
        </footer>
        {{/if}}
    </section>
</article>