<template>
  <div class="w-full pb-[12px]">
    <template v-if="toolCall.picture && toolCall.picture.length">
      <ModuleTitle :title="t('home.detail.imageTitle')" />
      <ImageSwiper :images="toolCall.picture" thumbnailBottom="12px" />
    </template>

    <template v-if="toolCall.commodityList">
      <DetailCardGoodsContentList :commodityList="toolCall.commodityList" />
    </template>
  </div>
</template>

<script setup>
import { defineProps } from "vue";
import { useI18n } from "vue-i18n";
import ModuleTitle from "@/components/ModuleTitle/index.vue";
import ImageSwiper from "@/components/ImageSwiper/index.vue";
import DetailCardGoodsContentList from "../DetailCardGoodsContentList/index.vue";

const { t } = useI18n();

const props = defineProps({
  toolCall: {
    type: Object,
    default: {},
  },
});
</script>
