{ preview = false; }}> Edit { preview = true; }}> Preview {#if preview} {:else} {/if} <div class="actions"> {#if !preview} <div class="caption"> Markdown supported. {#if enableAttachments}Drop attachments into the text area.{/if} Press {utils.isMac() ? "⌘" : "ctrl"}↵ to submit. </div> {/if} <div class="buttons"> <Button variant="outline" on:click={() => { preview = false; active = false; }}> Cancel </Button> <Button variant="secondary" disabled={!commentBody} on:click={submit}> Comment </Button> </div> </div> </div> {:else} <!-- svelte-ignore a11y-click-events-have-key-events --> <div class="inactive" role="button" tabindex="0" on:click={() => { commentBody = ""; active = true; dispatch("click"); }}> {placeholder} </div> {/if}