@php $period = \App\Support\TrackerPeriod::class; @endphp

<div class="banner">
    <span class="banner-eyebrow is-mark" aria-hidden="true">
        <x-icon name="rings" :size="16"/>
    </span>

    {{-- Title only — the period and duration are in the pills below. --}}
    <h1 class="banner-title">{{ config('tracker.title') }}</h1>

    <div class="banner-meta">
        <span class="banner-pill">
            <x-icon name="calendar" :size="13"/>
            {{ $period::label() }}
        </span>
        <span class="banner-pill">
            <x-icon name="gauge" :size="13"/>
            {{ $period::duration() }}
        </span>
    </div>
</div>
