<template>
  <div class="container user-group-container">
    <div class="user-group-identification">
      <user-group-render-box :user-group="props.item.result as UserGroup" />
    </div>
  </div>
  <div class="right_actions">
    <span class="badge rounded-pill bg-user-group"> Groupe d'utilisateur </span>
  </div>
</template>

<script setup lang="ts">
import { UserGroup } from "../../../../../../ChillMainBundle/Resources/public/types";
import UserGroupRenderBox from "ChillMainAssets/vuejs/_components/Entity/UserGroupRenderBox.vue";
import { Suggestion } from "ChillPersonAssets/types";

interface TypeUserGroupProps {
  item: Suggestion & { result: UserGroup };
}

const props = defineProps<TypeUserGroupProps>();
</script>

<style scoped lang="scss"></style>
