@props([
    'amount',
    'usdToTndRate' => 4,
    'decimals' => 2,
    'mutedColor' => '#64748b',
    'textColor' => null,
])

@php
    $usd = (float) $amount;
    $tnd = $usd * $usdToTndRate;
    $colorStyle = $textColor ? "color: {$textColor};" : '';
@endphp

<span style="{{ $colorStyle }}">
    {{ number_format($usd, $decimals, ',', ' ') }} $<br>
    <span style="font-size: 8px; color: {{ $mutedColor }};">{{ number_format($tnd, $decimals, ',', ' ') }} TND</span>
</span>