{#snippet pills()} {#if tokens.length > 0} {#each tokens as token (token)} {pillText(token)} {/each} {/if} {/snippet} {#if line.kind === 'heading'} {#if line.label}{line.label}{/if} {@render pills()} {:else if line.kind === 'image'}

{#if line.label} {line.label} {:else} unlabeled image {/if} {@render pills()}

{:else if line.kind === 'link'}

{#if line.label}{line.label}{/if} {@render pills()}

{:else if line.kind === 'button'} {@render pills()} {:else if line.kind === 'control'}

{line.role} {#if line.label}{line.label}{/if} {@render pills()}

{:else if line.kind === 'listitem'}

{#if line.label}{line.label}{/if} {@render pills()}

{:else if line.kind === 'landmark'}

{line.landmarkRole} {#if line.label}

{line.label}

{/if} {@render pills()}

{:else if line.kind === 'generic'} {@const genericTag = line.genericTag ?? 'div'} {line.label} {@render pills()} {:else}

{#if line.label}{line.label}{/if} {@render pills()}

{/if}