{{-- resources/views/components/profile-field.blade.php --}}
{{--@props(['label', 'value', 'icon', 'required' => false, 'color' => 'gray'])--}}

{{--<div>--}}
{{--    <label class="block text-gray-600 font-medium mb-0.5">--}}
{{--        {{ $label }} @if($required)<span class="text-red-500">*</span>@endif--}}
{{--    </label>--}}
{{--    <div class="bg-{{ $color }}-50 p-2 rounded border border-{{ $color }}-200 text-{{ $color }}-900 min-h-8 flex items-center">--}}
{{--        <i class="fas fa-{{ $icon }} ml-1 text-{{ $color }}-500 text-[10px]"></i>--}}
{{--        {{ $value ?? '—' }}--}}
{{--    </div>--}}
{{--</div>--}}

{{-- resources/views/components/profile-field.blade.php --}}
@props(['label', 'value', 'icon', 'required' => false, 'color' => 'gray'])

<div>
    <label class="block text-gray-600 font-medium mb-0.5 text-xs">
        {{ $label }} @if($required)<span class="text-red-500">*</span>@endif
    </label>
    <div class="bg-{{ $color }}-50 p-2 rounded border border-{{ $color }}-200 text-gray-900 min-h-8 flex items-center text-xs">
        <i class="fas fa-{{ $icon }} ml-1 text-{{ $color }}-500 text-xs"></i>
        {{ $value ?? '—' }}
    </div>
</div>