mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-28 07:43:18 +00:00
39 lines
1.2 KiB
PHP
39 lines
1.2 KiB
PHP
@blaze
|
|
|
|
@php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
|
|
|
|
@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-start 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>
|
|
<?php if ($icon): ?>
|
|
<div class="relative">
|
|
<?php if (is_string($icon) && $icon !== ''): ?>
|
|
<flux:icon :$icon :variant="$iconVariant" class="me-2 size-6 text-zinc-400 dark:text-zinc-400 group-data-active/item:text-zinc-800 dark:group-data-active/item:text-white" />
|
|
<?php else: ?>
|
|
{{ $icon }}
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
{{ $slot }}
|
|
|
|
<?php if ($kbd): ?>
|
|
<div class="inline-flex ms-auto rounded-sm bg-zinc-800/5 dark:bg-white/10 px-1 py-0.5">
|
|
<span class="font-medium text-xs text-zinc-500 dark:text-zinc-300">{{ $kbd }}</span>
|
|
</div>
|
|
<?php endif; ?>
|
|
</ui-option>
|