mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-28 07:43:18 +00:00
47 lines
1.3 KiB
PHP
47 lines
1.3 KiB
PHP
@blaze
|
|
|
|
@php $srOnly = $srOnly ??= $attributes->pluck('sr-only'); @endphp
|
|
|
|
@props([
|
|
'badge' => null,
|
|
'aside' => null,
|
|
'trailing' => null,
|
|
'srOnly' => null,
|
|
])
|
|
|
|
@php
|
|
$classes = Flux::classes()
|
|
->add('inline-flex items-center')
|
|
->add('text-sm font-medium')
|
|
->add($srOnly ? 'sr-only' : '')
|
|
->add('[:where(&)]:text-zinc-800 [:where(&)]:dark:text-white')
|
|
->add('[&:has([data-flux-label-trailing])]:flex')
|
|
;
|
|
@endphp
|
|
|
|
<ui-label {{ $attributes->class($classes) }} data-flux-label>
|
|
{{ $slot }}
|
|
|
|
<?php if (is_string($badge)): ?>
|
|
<span class="ms-1.5 text-zinc-800/70 text-xs bg-zinc-800/5 px-1.5 py-1 -my-1 rounded-[4px] dark:bg-white/10 dark:text-zinc-300" aria-hidden="true">
|
|
{{ $badge }}
|
|
</span>
|
|
<?php elseif ($badge): ?>
|
|
<span class="ms-1.5" aria-hidden="true">
|
|
{{ $badge }}
|
|
</span>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($aside): ?>
|
|
<span class="ms-1.5 text-zinc-800/70 text-xs bg-zinc-800/5 px-1.5 py-1 -my-1 rounded-[4px] dark:bg-white/10 dark:text-zinc-300" aria-hidden="true">
|
|
{{ $aside }}
|
|
</span>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($trailing): ?>
|
|
<div class="ml-auto" data-flux-label-trailing>
|
|
{{ $trailing }}
|
|
</div>
|
|
<?php endif; ?>
|
|
</ui-label>
|