<script setup lang="ts">
import { ResumeComponent } from '@/types/resume';
import { SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';


const props = defineProps<{
    component: ResumeComponent;
}>();
</script>

<template>
    <SidebarMenuItem>
        <SidebarMenuButton as-child class="cursor-pointer" :tooltip="props.component.name">
            <div class="flex w-full flex-nowrap justify-between items-center">
                <span>{{ props.component.name }}</span>
            </div>
        </SidebarMenuButton>
    </SidebarMenuItem>
</template>
