<div class="uk-margin">
  <@labelComponent />

  <div class="uk-form-controls">
    <div
      name={{@name}}
      class="uk-textarea cfb-code-editor
        {{concat 'language-' @language}}
        {{if @isValid 'uk-form-success'}}
        {{if @isInvalid 'uk-form-danger'}}"
      {{this.initCodeEditor}}
      {{this.updateEditorContent @value}}
      {{autoresize mode="height"}}
      {{on "blur" @setDirty}}
    ></div>
  </div>

  {{#if (eq @language "markdown")}}
    <small class="uk-text-muted">
      {{t "caluma.form-builder.question.supportsMarkdownPrefix"}}
      <a
        target="_blank"
        rel="noopener noreferrer"
        href="https://www.markdownguide.org/basic-syntax"
      >{{t "caluma.form-builder.question.markdown"}}</a>
    </small>
  {{/if}}

  <@hintComponent />
  <@errorComponent />
</div>