@props([
    'amount',
    'usdToTndRate' => 4,
    'decimals' => 2,
    'class' => '',
    'tndClass' => 'text-slate-500',
])

@php
    $usd = (float) $amount;
    $tnd = $usd * $usdToTndRate;
@endphp

<span class="{{ $class }}">
    <span class="block leading-tight">{{ number_format($usd, $decimals, ',', ' ') }} $</span>
    <span class="block text-[10px] leading-tight {{ $tndClass }}">{{ number_format($tnd, $decimals, ',', ' ') }} TND</span>
</span>