@props([
    'text',
    'position' => 'top',
    'showWhen' => null,
])

<span
    {{ $attributes->class(['ui-tooltip', 'ui-tooltip--' . $position])->merge([
        'data-ui-tooltip' => true,
        'data-ui-tooltip-placement' => $position,
        'data-ui-tooltip-show-when' => $showWhen,
    ]) }}
>
    {{ $slot }}
    <span class="ui-tooltip__content" role="tooltip" data-ui-tooltip-content aria-hidden="true">{{ $text }}</span>
</span>