| <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> | |