<script setup lang="ts">
import Card from "@/Components/ui/card/Card.vue";
import CardContent from "@/Components/ui/card/CardContent.vue";
import { Link } from "@inertiajs/vue3";

defineProps<{
    link: string;
}>();
</script>

<template>
    <li>
        <Link :href="link">
            <Card :class="{ 'bg-secondary': $page.url === link, 'hover:bg-gray': $page.url !== link ,'w-full transition': true }">
                <CardContent class="p-3">
                    <slot />
                </CardContent>
            </Card>
        </Link>
    </li>
</template>
