<template>
  <div class="card">
    <div class="card-header pb-0">
      <h6 class="mb-0">Notes</h6>
    </div>
    <div class="card-body">
      <p v-if="notes" class="text-sm">
        {{ notes }}
      </p>
      <p v-else class="text-sm text-secondary">Aucune note pour ce client</p>
    </div>
  </div>
</template>

<script setup>
import { defineProps } from "vue";
defineProps({
  notes: {
    type: String,
    default: null,
  },
});
</script>
