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

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

<style scoped>
.tax-report-section {
  margin-bottom: 40rpx;
  background: #f8f9fa;
  border-radius: 15rpx;
  padding: 25rpx;
  border-left: 6rpx solid #007AFF;
}

.tax-report-section-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #007AFF;
  margin-bottom: 20rpx;
  display: block;
}

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