{ if (!preview) return; const auxiliarKey = utils.isMac() ? event.metaKey : event.ctrlKey; if (auxiliarKey && event.key === "Enter") { event.preventDefault(); void submit({ comment: body, embeds }); } }}>

{#if preview}

{#if body.trim().length === 0} Nothing to preview. {:else} {/if}

{:else}

submit({ comment: body, embeds })}
        bind:value={body}
        {placeholder} />
      {#if !hints.isDismissed("markdown")}
        <div class="markdown-hint txt-body-s-regular">
          <Icon
            name="markdown"
            styleDisplay="inline"
            styleVerticalAlign="text-top" />
          Markdown is supported
          <button
            type="button"
            class="markdown-hint-dismiss"
            title="Don't show again"
            onclick={() => hints.dismiss("markdown")}>
            Hide
          </button>
        </div>
      {/if}
    {/if}
  </div>
  {@render belowTextarea?.()}
  {#if !hideDiscard || body.trim() !== ""}
    <div class="actions">
      {#if !hideDiscard}
        <Button
          variant="outline"
          disabled={submitInProgress}
          onclick={() => {
            preview = false;
            close();
          }}>
          <Icon name="close" />
          <span class="global-hide-on-small-desktop-down">Discard</span>
        </Button>
      {/if}
      {#if !preview && embedUploadError}
        <div class="txt-overflow txt-body-m-regular">
          <span style:color="var(--color-feedback-error-text)">
            <Icon
              styleDisplay="inline"
              styleVerticalAlign="text-top"
              name="warning" />
            {embedUploadError}
          </span>
        </div>
      {/if}
      <div class="buttons">
        {#if attachEnabled || attachDisabledReason}
          <Button
            variant="outline"
            onclick={selectFiles}
            disabled={preview || attachDisabledReason !== undefined}
            title={attachDisabledReason}>
            <Icon name="attach" />
            Attach
          </Button>
        {/if}
        <Button variant="outline" onclick={() => (preview = !preview)}>
          <Icon name={preview ? "edit" : "eye"} />
          {preview ? "Edit" : "Preview"}
        </Button>
        {#if secondarySubmit}
          <div class="split-submit">
            <Button
              variant={effectiveSubmitVariant}
              title={emptyBodyTooltip}
              disabled={!isValid() ||
                submitInProgress ||
                disableSubmit ||
                (disallowEmptyBody && body.trim() === "")}
              onclick={submitFn}>
              {#if submitInProgress}
                Saving…
              {:else}
                {activeSubmit.caption}
                <span class="shortcut">{utils.modifierKey()}↵</span>
              {/if}
            </Button>
            <Popover
              popoverPadding="0"
              placement="top-end"
              bind:expanded={dropdownExpanded}>
              {#snippet toggle(onclick)}
                <Button
                  variant={effectiveSubmitVariant}
                  disabled={submitInProgress}
                  {onclick}>
                  <Icon
                    name={dropdownExpanded ? "chevron-up" : "chevron-down"} />
                </Button>
              {/snippet}
              {#snippet popover()}
                <div class="submit-menu">
                  
                  <div
                    role="button"
                    tabindex="0"
                    class="submit-option"
                    onclick={() => {
                      activeSubmitIndex = 0;
                      closeFocused();
                    }}>
                    <div class="submit-check">
                      {#if activeSubmitIndex === 0}
                        <Icon name="checkmark" />
                      {/if}
                    </div>
                    <div class="submit-text">
                      <span class="submit-label">{submitCaption}</span>
                      {#if submitDescription}
                        <span class="submit-description">
                          {submitDescription}
                        </span>
                      {/if}
                    </div>
                  </div>
                  
                  <div
                    role="button"
                    tabindex="0"
                    class="submit-option"
                    onclick={() => {
                      activeSubmitIndex = 1;
                      closeFocused();
                    }}>
                    <div class="submit-check">
                      {#if activeSubmitIndex === 1}
                        <Icon name="checkmark" />
                      {/if}
                    </div>
                    <div class="submit-text">
                      <span class="submit-label">
                        {secondarySubmit.caption}
                      </span>
                      {#if secondarySubmit.description}
                        <span class="submit-description">
                          {secondarySubmit.description}
                        </span>
                      {/if}
                    </div>
                  </div>
                </div>
              {/snippet}
            </Popover>
          </div>
        {:else}
          <Button
            variant={effectiveSubmitVariant}
            title={emptyBodyTooltip}
            disabled={!isValid() ||
              submitInProgress ||
              disableSubmit ||
              (disallowEmptyBody && body.trim() === "")}
            onclick={submitFn}>
            {#if submitInProgress}
              Saving…
            {:else}
              {submitCaption}
              <span class="shortcut">{utils.modifierKey()}↵</span>
            {/if}
          </Button>
        {/if}
      </div>
    </div>
  {/if}
</div>