<script setup lang="ts">
import ItRow from "@/components/ui/ItRow.vue";

defineProps<{
  avatarUrl: string;
  name: string;
}>();
</script>

<template>
  <ItRow>
    <template #firstRow>
      <img class="mr-2 h-[45px] rounded-full" :src="avatarUrl" />
      <p class="text-bold lg:leading-[45px]">{{ name }}</p>
    </template>
    <template #center>
      <slot name="center"></slot>
    </template>
    <template #link>
      <slot name="link"></slot>
    </template>
  </ItRow>
</template>

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