@props(['href', 'icon', 'label', 'hint' => null, 'danger' => false])

<a href="{{ $href }}" class="settings-menu-item {{ $danger ? 'danger' : '' }}">
    <span class="settings-menu-icon"><i class="fa-solid {{ $icon }}"></i></span>
    <span class="settings-menu-text">
        <span class="settings-menu-label">{{ $label }}</span>
        @if($hint)<span class="settings-menu-hint">{{ $hint }}</span>@endif
    </span>
    <i class="fa-solid fa-chevron-right settings-menu-chevron"></i>
</a>