@props([
    'label',
    'value' => null,
    'icon' => null,
    'meta' => null,
    'trendValue' => null,
    'trendLabel' => null,
    'trendDirection' => 'neutral',
])

<x-ui.info-card
    :label="$label"
    :value="$value"
    :icon="$icon"
    :meta="$meta"
    :trend-value="$trendValue"
    :trend-label="$trendLabel"
    :trend-direction="$trendDirection"
    variant="metric"
    {{ $attributes }}
>
    {{ $slot }}
</x-ui.info-card>