<script setup lang="ts">
import MenusPopover from '@/components/ui-components/menus/MenusPopover.vue';
import MenusHover from '@/components/ui-components/menus/MenusHover.vue';
import MenusAnchor from '@/components/ui-components/menus/MenusAnchor.vue';
import MenusActivatorTooltip from '@/components/ui-components/menus/MenusActivatorTooltip.vue';

</script>
<template>
    <v-row>
        <v-col cols="12">
            <SharedUiChildCard title="Menus">
                <v-row>
                    <v-col cols="6">
                        <SharedUiChildCard title="Menus Popover">
                            <MenusPopover />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Menus Hover">
                            <MenusHover />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Menus Anchor">
                            <MenusAnchor />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Menus Activator Tooltip">
                            <MenusActivatorTooltip />
                        </SharedUiChildCard>
                    </v-col>
                </v-row>
            </SharedUiChildCard>
        </v-col>
    </v-row>
</template>
