{#if courses.length === 0}
No courses to display.
{:else}
{#each courses as course (course.id)}
{#if payload.design.content.showCourseImage}
{/if}
{course.title}
{#if payload.design.content.showCourseTypeBadge}
{/if}
{formatLessonsLine(course, payload.design.content.showLessonsCount)}
{/each}
{#if maxIndex > 0 && (options.showDots || options.showArrows)}
{#if options.showDots}
{#each Array(maxIndex + 1) as _, i (i)}
go(i)} >
{/each}
{:else}
{/if} {#if options.showArrows}
go(position - 1)} disabled={!options.loop && position === 0} aria-label="Previous" >
go(position + 1)} disabled={!options.loop && position === maxIndex} aria-label="Next" >
{:else}
{/if}
{/if}
{/if}