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

<template>
  <div
    class="absolute flex flex-col justify-start top-0 left-0 w-full h-full pointer-events-none"
  >
    <div class="flex flex-row justify-end items-center p-2">
      <iconify-icon icon="mdi:content-copy" inline class="button" />
    </div>
  </div>
</template>

<style scoped lang="scss">
.button {
  @apply flex-grow-0;

  pointer-events: auto;

  padding: 0.5em;

  cursor: pointer;

  background-color: rgb(153 153 255 / 10%);

  border: 1px solid rgb(153 153 255 / 60%);
  border-radius: 0.5em;

  opacity: 0.5;

  transition: 0.3s ease;
}
</style>
