<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">
        {{html-safe 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}} type="button">
                {{d-icon b.icon}}
                {{#if b.label}}
                  <span class="d-button-label">{{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>