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

<div {{ $attributes->merge(['class' => 'd-flex justify-content-between border-bottom py-2 mb-1']) }}>
    <span class="text-muted font-weight-bold">
        @if($icon) <i class="{{ $icon }} mr-1"></i> @endif
        {{ $label }}:
    </span>
    <span class="text-dark font-weight-bold text-right info-value" style="font-size: 1.05em;">
        {{ $value ?? $slot }}
    </span>
</div>


{{-- <x-info-row label="Razón Social" :value="$cliente->nombre" icon="fas fa-user" />
<x-info-row label="Documento" :value="$cliente->numero_documento" icon="fas fa-id-card" />
<x-info-row label="Deuda Total">
    <span class="text-danger">$ 500.00</span> Puedes pasar HTML en el slot 
</x-info-row> --}}