@props([
    'iconVariant' => 'outline',
    'icon' => null,
    'kbd' => null,
])

@php
$classes = Flux::classes()
    ->add('w-full group/item data-hidden:hidden h-10 flex items-center px-2 py-1.5 focus:outline-hidden')
    ->add('rounded-md')
    ->add('text-left text-sm font-medium')
    ->add('text-zinc-800 data-active:bg-zinc-100 dark:text-white dark:data-active:bg-zinc-600')
    ;
@endphp

<ui-option action {{ $attributes->class($classes) }} data-flux-command-item>
    
    {{ $slot }}

    </ui-option>