{{#modal}}
<div class="{{overlayBackground}}"></div>
{{/modal}}
<div class="dialog {{className}}">
    <div class="dialog-inner">
        {{#draggable}}
        <div class="dialog-header">
            <div class="drag-handler">
                <h3>{{{dialogTitle}}}</h3>
            </div>
        {{/draggable}}
            {{#dialogClose}}<div class="dialog-close">×</div>{{/dialogClose}}
        {{#draggable}}
        </div>
        {{/draggable}}
        {{^draggable}}
        <h3>{{{dialogTitle}}}</h3>
        {{/draggable}}
        {{#draggable}}
        <div class="dialogContent">
            {{/draggable}}
            {{#paragraph}}
            <p>{{{paragraph}}}</p>
            {{/paragraph}}
            {{#custom}}
            <div class="customContent">{{{custom}}}</div>
            {{/custom}}
            {{#draggable}}
        </div>
        {{/draggable}}
    </div>
    {{#buttons}}
    <div class="buttons">{{{buttons}}}</div>
    {{/buttons}}
{{#modal}}
</div>
{{/modal}}