<template>
  <div class="w-full flex-1 mb-[12px]">
    <div v-for="item in recommendThemeList" :key="item.themeName">
      <RecommendPostsList v-if="item.recommendPostsList.length > 0" :recommendTheme="item" />
    </div>
  </div>
</template>

<script setup>
import { defineProps } from "vue";
import RecommendPostsList from "../RecommendPostsList/index.vue";

const props = defineProps({
  recommendThemeList: {
    type: Array,
    default: [],
  },
});
</script>
