@props(['icon' => null, 'label' => null, 'value'])

<div class="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
    @if ($icon)
        <x-filament::icon :icon="$icon" class="h-4 w-4 shrink-0" />
    @endif
    @if ($label)
        <span>{{ $label }} <span class="font-medium text-gray-700 dark:text-gray-200">{{ $value }}</span></span>
    @else
        <span class="font-medium text-gray-700 dark:text-gray-200">{{ $value }}</span>
    @endif
</div>