{selectedOption?.label || placeholder}
{#if isOpen}
{#each options as option}
select(option)} disabled={option.disabled} class="w-full flex items-center justify-between px-3 py-2 text-sm text-left transition-colors outline-none {option.value === value ? 'bg-indigo-600 text-white' : 'text-zinc-300 hover:bg-zinc-800'} {option.disabled ? 'opacity-40 cursor-not-allowed' : 'cursor-pointer'}" >
{option.label}
{#if option.value === value}
{/if}
{/each}
{/if}