<template>
  <VMenu
    :close-on-content-click="false"
    location="bottom start"
    max-width="340"
    offset="8"
  >
    <template #activator="{ props: menuProps }">
      <VIcon
        v-bind="menuProps"
        icon="tabler-info-circle"
        size="16"
        color="medium-emphasis"
        class="cursor-pointer"
      />
    </template>

    <VCard
      variant="elevated"
      class="pa-3"
    >
      <div
        class="text-body-2"
        style="line-height: 1.6;"
      >
        <slot />
      </div>
    </VCard>
  </VMenu>
</template>
