<div class='d-editor-overlay hidden'></div>

<div class='d-editor-container'>
  {{#if showPreview}}
    <div class="d-editor-preview-wrapper {{if forcePreview 'force-preview'}}">
      <div class="d-editor-preview">
        {{{preview}}}
      </div>
    </div>
  {{else}}
    <div class="d-editor-textarea-wrapper">
      <div class='d-editor-button-bar'>
        {{#each toolbar.groups as |group|}}
          {{#each group.buttons as |b|}}
            {{#if b.popupMenu}}
              {{toolbar-popup-menu-options
                onPopupMenuAction=onPopupMenuAction
                onExpand=(action b.action b)
                class=b.className
                content=popupMenuOptions
                options=(hash
                  popupTitle=b.title
                  icon=b.icon
                )}}
            {{else}}
              <div>{{d.icon}}</div>
              <button class='wizard-btn {{b.className}}' {{action b.action b}} title="{{b.title}}">
                {{d-icon b.icon}}
                {{#if b.label}}
                  <span class="d-button-label">{{wizard-i18n b.label}}</span>
                {{/if}}
              </button>
            {{/if}}
          {{/each}}

          {{#unless group.lastGroup}}
            <div class='d-editor-spacer'></div>
          {{/unless}}
        {{/each}}
      </div>

      {{conditional-loading-spinner condition=loading}}
      {{textarea tabindex=tabindex value=value class="d-editor-input" placeholder=placeholder}}
    </div>
  {{/if}}
</div>