@props(['id', 'text', 'href' => null])

<span class="profile-info-tooltip">
    @if ($href)
        <a href="{{ $href }}" target="_blank" rel="noopener noreferrer" aria-describedby="{{ $id }}-legal-tooltip">
    @else
        <button type="button" aria-describedby="{{ $id }}-legal-tooltip">
    @endif
        <i class="ph-duotone ph-info" aria-hidden="true"></i>
    @if ($href)
        </a>
    @else
        </button>
    @endif
    <span id="{{ $id }}-legal-tooltip" role="tooltip">{{ $text }}</span>
</span>