<script setup lang="ts">
const props = defineProps<{
  item: any
}>()

const { navigateToProject } = useGlobal()

const item = toRef(props, 'item')
</script>

<template>
  <NotificationItemWrapper :item="item" @click="navigateToProject({ baseId: item.body.id })">
    <div class="text-xs">
      <strong>{{ item.body.invited_by }}</strong> has invited you to collaborate on
      <!--      <GeneralProjectIcon style="vertical-align: middle" :type="item.body.type" /> <strong>{{ item.body.title }}</strong> base. -->
    </div>
  </NotificationItemWrapper>
</template>
