<section class="header clearfix">
  <div class="right-buttons">
    {{#if showUpload}}
      <button class={{uploadClasses}} {{action "upload"}}>
        <i class="icon icon-file text-small"/>
        {{t 'inputYaml.upload'}}
      </button>
    {{/if}}
    {{#if showCopy}}
      {{copy-to-clipboard
        text=value
        color=copyClasses
      }}
    {{/if}}
    {{#if showDownload}}
      <button class={{downloadClasses}} {{action "download"}}>
        <i class="icon icon-download text-small"/>
        {{t 'inputYaml.download'}}
      </button>
    {{/if}}
  </div>
  {{#if title}}
    <h1>{{title}}</h1>
  {{else}}
    {{yield}}
  {{/if}}
</section>

<div class="col span-12 m-0 p-0 codemirror-container" style="overflow: auto;">
  {{ivy-codemirror
    placeholder=placeholder
    value=value
    valueUpdated=(if valueUpdated valueUpdated (action (mut value)) )
    options=codeMirrorHash
  }}
</div>
<input type="file" accept="{{actualAccept}}" multiple={{multiple}} class="hide">
