@props([
    'title' => '',
    'icon' => '',
    'amount' => 0,
    'currency' => 'EUR',
    'color' => 'bg-light',
    'class' => 'sm'
])

<div class="card {{ $color }}">
    <div class="nk-wgw {{ $class }}">
       <div class="nk-wgw-inner">
            <div class="nk-wgw-name">
                <div class="nk-wgw-icon">
                    <x-ui.nicon :name="$icon" />
                </div>
                <h5 class="nk-wgw-title title">
                    {{ $title }}
                </h5>
            </div>
            <div class="nk-wgw-balance">
                <div class="amount">
                    {{ str()->formatDecimal($amount) }}
                    <span class="currency currency-nio">{{ $currency }}</span>
                </div>
            </div>
        </div>
   </div>
</div>