@props({'href': None})
<a role="option" data-slot="command-item" @if(href)href="{{ href }}"@endif tabindex="0" x-show="match($el.textContent)" {{ attributes.cn("relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground") }}>{{ slot }}</a>