<template>
  <div class="container">
    <div class="header-image-container">
      <div class="header-image">
        <img :src="cozeInfo?.icon_url" alt="Header Image" />
      </div>
    </div>
    <div class="title-container">
      <div class="title">{{cozeInfo?.name}}</div>
      <div class="tag">
        <div class="">
          <img
            class="status-icon"
            :src="workflow"
          />
        </div>
        <div class="tag-text">工作流</div>
      </div>
      <div class="usage-stats">
        <div class="usage-count">{{cozeInfo?.views}}</div>
        <div class="usage-label">次使用</div>
      </div>
    </div>
    <div class="description">
      {{cozeInfo?.description}}
    </div>

  </div>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue';
import workflow from '@/assets/svg/workflow.svg';

const props = defineProps({
  cozeInfo: {
    type: Object as () => any,
    default: () => ({}),
  },
  botId: {
    type: String,
    default: '',
  },
});

onMounted(() => {
});
</script>

<style scoped>
@import "./history.scss";
</style>
