{#if importData}
{:else if roster.active} {@const char = roster.active}
{#each modes as mode}
{ mobileView = mode; }} class="px-3 py-0.5 text-sm capitalize" style={mobileView === mode ? 'color: var(--text); font-weight: 500;' : 'color: var(--text-muted);'} > {mode}
{/each}
{#if mobileView === 'edit'}
{:else if mobileView === 'preview'}
{:else}
{/if}
{:else}
No characters yet.
roster.create(presets[0])} class="px-3 py-1 rounded text-sm border hover:opacity-80" style="border-color: var(--border);" > Get Started
{/if}