{#each pages as page, i (page.title)}
{@const active = activeIndex === i}
{/each}
{#key activeIndex}
prevIndex ? 1 : -1, duration: 180, delay: 181 }}
out:flyX={{ direction: activeIndex > prevIndex ? -1 : 1, duration: 180 }}
onoutrostart={lockHeight}
onintroend={unlockHeight}
>
{@render activePage.content(activePage)}
{/key}