<template>
  <div class="detail-row">
    <v-icon>{{ props.icon }}</v-icon>
    <div class="detail-row__text">
      <div class="detail-row__title">{{ props.title }}</div>
      <div>
        <slot name="default">{{ props.value }}</slot>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
export type CCPropertyProps = {
  icon: string;
  title: string;
  value?: string;
}
const props = defineProps<CCPropertyProps>();
</script>

<style lang="scss">
@use "@/assets/css/chat.scss" as *;
</style>
