<script setup lang="ts">
import { Tooltip } from "ant-design-vue";
import { PodcastIcon } from "lucide-vue-next";
defineProps<{
  show?: boolean;
  local: Local;
}>();
</script>
<template>
  <div
    class="absolute p-3"
    :style="{ top: local.y + 'px', left: local.x + 'px' }"
  >
    <Tooltip :open="show" color="white" overlay-class-name=" text-2xl">
      <template #title>
        <div class="flex justify-center items-center gap-2 p-2">
          <PodcastIcon />
          <div>{{ local.name }}</div>
        </div>
      </template>
    </Tooltip>
  </div>
</template>

<style scoped></style>
