<template>
  <v-menu 
    open-on-hover 
    :close-delay="1" 
    :open-delay="0" 
    v-bind="$attrs" 
    location="bottom" 
    max-height="400"
    :close-on-content-click="closeOnContentClick"
  >
    <template v-slot:activator="{ isActive, props }">
      <v-btn
        class="mr-3 py-0 px-2"
        density="comfortable"
        :append-icon="isActive ? 'mdi mdi-menu-up' : 'mdi mdi-menu-down'"
        color="primary" variant="tonal"
        v-bind="props"
      >
        {{ defineProps.btnTitle }}
      </v-btn>
    </template>
    <slot></slot>
  </v-menu>
</template>
<script setup>

defineOptions({name: 'conditionFilter-index-page'})
const defineProps = defineProps({
  btnTitle: {
    type: String,
    default: 'Text'
  },
  closeOnContentClick: {
    type: Boolean,
    default: true
  }
})
</script>

<style lang="scss" scoped>
</style>
