<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 w-full py-2 px-4 text-center text-gray-800 font-thin transition duration-75 group hover:bg-blue-100 dark:text-white dark:hover:bg-gray-700" :to="props.pathTo">{{ props.elementContent }}</RouterLink>
</template>