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

</script>

<template>
    <RouterLink
        class="w-full text-center py-2 px-4 text-gray-800 transition duration-75 hover:bg-blue-100 dark:text-white dark:hover:bg-slate-600"
        :to="props.pathTo">{{ props.elementContent }}</RouterLink>
</template>

<style>
.router-link-active {
    font-weight: 600;
}
</style>