<!-- components/TaxHealthReport/TaxReportSubsection.vue -->
<template>
  <view class="tax-report-subsection">
    <text class="tax-report-subsection-title">{{ title }}</text>
    <view class="tax-report-subsection-content">
      <slot />
    </view>
  </view>
</template>

<script setup lang="ts">
defineProps<{
  title: string;
}>();
</script>

<style scoped>
.tax-report-subsection {
  margin-bottom: 25rpx;
  background: white;
  border-radius: 10rpx;
  padding: 20rpx;
  border: 1rpx solid #e9ecef;
}

.tax-report-subsection-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 15rpx;
  display: block;
}

.tax-report-subsection-content {
  margin-left: 15rpx;
}
</style>