@php
$percent = (float) ($percent ?? 0);
$amount = (float) ($amount ?? 0);
$base = (float) ($base ?? 0);
$amountLabel = $amountLabel ?? __('Earned');
$baseLabel = $baseLabel ?? __('Base Amount');
@endphp

<div class="text-xs leading-relaxed" style="min-width: 15rem;">
    <div class="py-1 border-b border-gray-200">
        <div class="text-gray-500">{{ __('Rate') }}</div>
        <div class="font-semibold text-gray-900">{{ number_format($percent, 2) }}%</div>
    </div>
    <div class="py-1 border-b border-gray-200">
        <div class="text-gray-500">{{ $amountLabel }}</div>
        <div class="text-gray-900">{{ currencyFormat($amount) }}</div>
    </div>
    <div class="py-1 border-b border-gray-200">
        <div class="text-gray-500">{{ __('Calculated Base') }}</div>
        <div class="text-gray-900">{{ currencyFormat($base) }}</div>
    </div>
    <div class="py-1">
        <div class="text-gray-500">{{ __('Calculated on') }}</div>
        <div class="text-gray-900">{{ $baseLabel }}</div>
    </div>
</div>