<template>
  <div class="container household">
    <HouseholdRenderBox
      :household="item.result"
      :is-address-multiline="false"
    />
  </div>

  <div class="right_actions">
    <BadgeEntity :entity="item.result" :options="{ displayLong: true }" />
  </div>
</template>

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

interface TypeHouseholdProps {
  item: Suggestion & { result: Household };
}

defineProps<TypeHouseholdProps>();
</script>
