<script setup lang="ts">
import { Icon } from "@iconify/vue";
import { boolean } from "zod/v4";

const props = withDefaults(defineProps<{
  item: Record<string, any>;
}>(), {
  item: () => ({}),
});
const emit = defineEmits(['detail']);
const state = ref(false)

</script>
<template>
  <v-card elevation="10" style="overflow: hidden;min-width: 300px;" @click="state = true; emit('detail', props?.item)">
    <template v-slot:prepend>
      <v-avatar size="50">
        <Icon icon="solar:user-circle-broken" height="32" />
      </v-avatar>
    </template>
    <template v-slot:title>
      <h4>{{ item.display }}</h4>
      <!-- <h3>{{ item.subject.display }}</h3> -->
    </template>
    <!-- <template v-slot:subtitle> </template> -->

    <!-- <template v-slot:actions>
      <v-btn color="primary" class="ms-auto" @click="emit('detail', props?.item)">Detail</v-btn>

    </template> -->
  </v-card>

  <!-- <MasterDialogModal v-if="state" :stateValue="state" @stateValue="val => state = val" /> -->
</template>