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

<div x-data x-ref="this" x-init="tippy($refs.this, { content: '{{ $text }}', arrow: false, theme: 'aura', placement: '{{ $position }}', offset: [0, 8], })">
  {{ $slot }}
</div>
