<script setup lang="ts">
import { ArrowBigRightDashIcon } from "@lucide/vue";

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

<template>
    <router-link
        :to="`/${list}`"
        class="w-full flex gap-2 mb-2 hover:underline"
    >
        <arrow-big-right-dash-icon :size="16" class="inline" /> {{ list }}
    </router-link>
</template>
