@props([
    'icon',
    'label',
    'lines' => [],
    'href' => '#',
    'showChevron' => true,
    'avatar' => null,
    'last' => false,
])

<a
    href="{{ $href }}"
    {{ $attributes->merge(['class' => 'profile-settings-row' . ($last ? '' : ' profile-settings-row--bordered')]) }}
>
    <span class="profile-settings-row__icon" aria-hidden="true">
        <x-platform.lucide-icon :name="$icon" class="h-5 w-5" />
    </span>

    <span class="profile-settings-row__content">
        <span class="profile-settings-row__label">{{ $label }}</span>
        @foreach ($lines as $line)
            <span class="profile-settings-row__value">{{ $line }}</span>
        @endforeach
    </span>

    @if ($avatar)
        <span class="profile-settings-row__avatar">{{ $avatar }}</span>
    @endif

    @if ($showChevron)
        <span class="profile-settings-row__chevron" aria-hidden="true">
            <x-platform.lucide-icon name="chevron-right" class="h-5 w-5" />
        </span>
    @endif
</a>