@props([
    'label',
    'tone' => 'default',
])

@php
    $tone = $tone === 'inverse' ? 'inverse' : 'default';
@endphp

<p
    {{ $attributes->class([
        'home-folio',
        'home-folio--inverse' => $tone === 'inverse',
    ]) }}
    data-home-folio
>
    <span data-home-folio-label>{{ $label }}</span>
    <span class="home-folio__separator" aria-hidden="true">·</span>
    <span class="home-folio__number" data-home-folio-number aria-hidden="true"></span>
</p>