@props(['rate', 'label' => null])

{{-- Occupancy meter: blue fill on a lighter step of the same blue ramp. --}}
@php($pct = $rate === null ? 0 : max(0, min(100, round($rate * 100))))
<div {{ $attributes }} role="meter" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ $pct }}" aria-label="{{ $label ?? 'Occupancy' }}">
    <div class="h-2 overflow-hidden rounded-full bg-[#cde2fb]">
        <div class="h-full rounded-full bg-[#2a78d6]" style="width: {{ $pct }}%"></div>
    </div>
</div>