<script setup lang="ts">
import { RouterLink } from 'vue-router';
const props = defineProps(
    {
        elementContent: {required: false},
        pathTo: {type: String, required:true}
    }
)

</script>

<template>
    <RouterLink class="flex items-center w-full p-2 text-gray-900 transition duration-75 rounded-lg pl-11 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" :to="props.pathTo">{{ props.elementContent }}</RouterLink>
</template>