@props([
    /**
     * Strip- und Label-Farbvariante.
     * Erlaubte Werte: primary | ok | warn | muted.
     * Mockup: dev/frontend/tailwind_v3/User Dashboard presseportale.html
     */
    'variant' => 'muted',

    /** Eyebrow-Label oben links (UPPERCASE, sperrgesetzt) */
    'label' => '',

    /** Hauptzahl in JetBrains Mono */
    'value' => 0,
])

@php
    $allowedVariants = ['primary', 'ok', 'warn', 'muted'];
    $variant = in_array($variant, $allowedVariants, true) ? $variant : 'muted';
@endphp

<article {{ $attributes->class(['stat-card', "is-{$variant}"]) }}>
    <span class="stat-strip"></span>

    <div class="flex items-baseline justify-between gap-3">
        <div class="stat-label">{{ $label }}</div>

        @isset($meta)
            <span class="stat-meta">{{ $meta }}</span>
        @endisset
    </div>

    <div class="stat-num">{{ $value }}</div>

    @isset($trend)
        <div class="stat-trend">{{ $trend }}</div>
    @endisset
</article>