<template>
    <Transition enter="transition-all ease-out duration-300" enter-from="max-h-0 opacity-0"
        enter-to="max-h-screen opacity-100" leave="transition-all ease-in duration-200"
        leave-from="max-h-screen opacity-100" leave-to="max-h-0 opacity-0">
        <slot />
    </Transition>
</template>

<script setup lang="ts">
import { Transition } from '@headlessui/vue'
</script>