<template>
  <div class="container usercontainer">
    <div class="user-identification">
      <UserRenderBoxBadge :user="props.item.result" />
    </div>
  </div>
  <div class="right_actions">
    <BadgeEntity :entity="props.item.result" :options="{ displayLong: true }" />
  </div>
</template>

<script lang="ts" setup>
import { computed, defineProps } from "vue";
import BadgeEntity from "ChillMainAssets/vuejs/_components/BadgeEntity.vue";
import UserRenderBoxBadge from "ChillMainAssets/vuejs/_components/Entity/UserRenderBoxBadge.vue";
import { Suggestion } from "ChillPersonAssets/types";
import { User } from "ChillMainAssets/types";

interface TypeUserProps {
  item: Suggestion & { result: User };
}

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

<style lang="scss" scoped>
.usercontainer {
  .userparent {
    .name {
      font-weight: bold;
      font-variant: all-small-caps;
    }
  }
}
</style>
