{#snippet tabButton( isActive: boolean, tab: { title: string value: string icon?: Component disabled?: boolean tooltip?: string }, )}
(selected = tab.value)} class="flex items-center justify-center gap-x-[6px] text-xs transition-all {tabButtonFunc( isActive, disabled, tab.disabled, )} " > {#if tab.icon} {@const Icon = tab.icon}
{/if} {tab.title}
{/snippet}
{#if tabs} {#each tabs as tab (tab.value)}
{#if tab.disabled}
{@render tabButton(isSelected(tab.value), tab)}
{:else} {@render tabButton(isSelected(tab.value), tab)} {/if}
{/each} {/if}