<script lang="ts">
	export let classNames = "";
	export let label = "Copied";
	export let position = "left-1/2 top-full transform -translate-x-1/2 translate-y-2";
</script>

<div
	class="
		pointer-events-none absolute rounded bg-black px-2 py-1 font-normal leading-tight text-white shadow transition-opacity
		{position}
		{classNames}
	"
>
	<div
		class="absolute bottom-full left-1/2 h-0 w-0 -translate-x-1/2 transform border-4 border-t-0 border-black"
		style="
				border-left-color: transparent;
				border-right-color: transparent;
			"
	/>
	{label}
</div>
