<script setup>
import './sys-message.less'
import { useInject } from '@/hooks'

const { showUserInfoModal } = useInject()

defineProps({
  extra: Object,
  data: Object,
})
</script>

<template>
  <div class="im-message-sys-text">
    <div class="sys-text">
      <template v-for="(user, index) in extra?.members" :key="index">
        <a @click="showUserInfoModal(user.user_id)">{{ user.nickname }}</a>
        <em v-show="index < extra.members.length - 1">、</em>
      </template>
      <span>已离开此群</span>
    </div>
  </div>
</template>
