Your IP : 216.73.217.77

Current Path : /home/users/unlimited/www/whatsapp-crm/resources/js/Components/
Upload File :
Current File : /home/users/unlimited/www/whatsapp-crm/resources/js/Components/DropdownItem.vue

<script setup>
    import { ref } from 'vue';
    import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
    import { Link, useForm } from "@inertiajs/vue3";
    
    const props = defineProps({
        as: {
            type: String,
            default: "a"
        }
    })
</script>
<template>
    <MenuItem v-slot="{ active }">
        <component v-if="props.as != 'a'"
            :is="props.as"
            :class="[
            active ? 'bg-blue-700 text-white' : 'text-gray-900',
            'group flex w-full rounded-md px-2 py-2 text-sm text-left',
            ]"
        >
            <slot />
        </component>
        <Link v-else
            :is="props.as"
            :class="[
            active ? 'bg-blue-700 text-white' : 'text-gray-900',
            'group flex w-full rounded-md px-2 py-2 text-sm',
            ]"
        >
            <slot />
        </Link>
    </MenuItem>
</template>