<script lang="ts">
	
</script>

<div class="relative group border-r px-2">
	<div>
<slot></slot>
</div>

<div class="absolute right-[50%] translate-x-[50%] z-10 mt-2 p-2 w-max origin-top-right rounded-md bg-gray-700 text-white ring-1 shadow-lg ring-black/5 focus:outline-hidden bg-grey-200 hidden group-hover:block">
	<slot name="tooltip"></slot>
 </div>
</div>