{#snippet child({ props })} {@const ActiveIcon = activeIcon.component}

{libraryState.activeLibrary!.name} {libraryState.activeLibrary!.total ?? 0} books

{/snippet} Libraries {#each libraryState.libraries as library (library.name)} {@const LibraryIcon = ( LIBRARY_ICONS[library.icon ?? 'library'] ?? LIBRARY_ICONS['library'] ).component} libraryState.setActive(library.id)} class="gap-2 p-2">

{library.name} {library.total ?? 0} {/each} libraryState.openLibraryCreateDialog()} class="gap-2 p-2">

Add library