@props([
    'context' => 'global',
    'selectedCategory' => null,
    'selectedType' => null,
    'categories' => collect(),
    'categoriesWithTypes' => collect(),
    'period' => 30,
])

@php
    $subtitle = match ($context) {
        'type' => data_get($selectedCategory, 'name') . ' · ' . data_get($selectedType, 'name'),
        'category' => data_get($selectedCategory, 'name'),
        default => __('Toutes activités'),
    };
@endphp

<div class="dashboard-header statistics-header">
    <div>
        <p class="dashboard-header__eyebrow">{{ $subtitle }}</p>
        <h2 class="dashboard-header__title mt-1 text-2xl leading-none sm:text-3xl">{{ __('Statistiques') }}</h2>
    </div>
    <x-statistics.filters
        :categories="$categories"
        :categories-with-types="$categoriesWithTypes"
        :selected-category="$selectedCategory"
        :selected-type="$selectedType"
        :period="$period"
    />
</div>