<template>
  <section class="project-analysis-placeholder-tab placeholder-panel">
    <div class="placeholder-title placeholder-panel__title">{{ tabData.label }}</div>
    <div class="placeholder-text placeholder-panel__text">{{ tabData.description }}</div>
  </section>
</template>

<script>
export default {
  name: "ProjectAnalysisPlaceholderTab",
  props: {
    tabData: {
      type: Object,
      default: () => ({
        label: "",
        description: "",
      }),
    },
  },
};
</script>

<style lang="scss" scoped>
.project-analysis-placeholder-tab {
  min-height: 0;
  padding: 24px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.placeholder-title {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
}

.placeholder-text {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.7;
  color: #64748b;
}
</style>
