@props([
    'name' => 'report'
])

<div class="report-filter-container d-flex justify-content-center my-3 {{ $name }}" role="group">
    <button type="button" value="all" class="btn report-filter-btn report {{ $name }} active">{{ __('dashboard.all') }}</button>
    <button type="button" value="today" class="btn report-filter-btn report {{ $name }}">{{ __('dashboard.today') }}</button>
    <button type="button" value="week" class="btn report-filter-btn report {{ $name }}">{{ __('dashboard.week') }}</button>
    <button type="button" value="month" class="btn report-filter-btn report {{ $name }}">{{ __('dashboard.month') }}</button>
    <button type="button" value="year" class="btn report-filter-btn report {{ $name }}">{{ __('dashboard.year') }}</button>
</div>