{#if label}
{label}
{/if}
{#if activeTab === 'write'}
{#snippet header()} <Toolbar embedded class="flex-row !m-0 !dark:bg-transparent !bg-transparent"> <ToolbarGroup class="flex-row flex-wrap !m-0"> {#each markupButtons as button} {@const TheIcon = button.icon} <ToolbarButton title={button.label} color="dark" size="md" onclick={button.action}> <TheIcon size={24} /> </ToolbarButton> {/each} {#if extensions} {@render extensions()} {/if} <ToolbarButton title="Toggle preview" color="dark" size="md" onclick={togglePreview}> <Eye size={24} /> </ToolbarButton> </ToolbarGroup> </Toolbar> {/snippet}
{isExpanded ? "⌃" : "⌄"}
{:else}
{#if preview} {#if previewRenderer} {@render previewRenderer(preview)} {:else} {@html preview} {/if} {:else}
Nothing to preview
{/if}
{/if}