<template>
  <details class="summary-card">
    <summary @click.prevent="detailsToggle">
      <i class="ph ph-article"></i>
      Context summary
    </summary>
    <div class="thinking-body" v-html="renderMarkdown(msg.text)" />
  </details>
</template>

<script setup>
import { renderMarkdown } from '@/composables/useMarkdown.js'
import { detailsToggle } from '@/utils/detailsAnimation.js'
defineProps({ msg: { type: Object, required: true } })
</script>