@props([
    'title' => '',
    'icon' => 'fas fa-chart-line',
    'rich' => false,
    'variant' => 'default',
    'headless' => false,
])

@php
    $classes = 'tv-glass tv-metric-tile';
    if ($rich) {
        $classes .= ' tv-metric-tile--rich';
    }
    if ($variant === 'panorama') {
        $classes .= ' tv-metric-tile--panorama';
    }
    if ($headless) {
        $classes .= ' tv-metric-tile--headless';
    }
@endphp

<div {{ $attributes->merge(['class' => $classes]) }}>
    @unless ($headless)
        <div class="tv-chart-card__head">
            <div class="tv-chart-card__title">
                <i class="{{ $icon }}" aria-hidden="true"></i>
                @isset($customTitle)
                    {{ $customTitle }}
                @else
                    {{ $title }}
                @endisset
            </div>
            @isset($badge)
                {{ $badge }}
            @endisset
        </div>
    @endunless
    <div class="tv-metric-tile__body">
        {{ $slot }}
    </div>
    @isset($footer)
        <div class="tv-metric-tile__footer">{{ $footer }}</div>
    @endisset
</div>