'use client';

import React from 'react';
import GaugeCard from './GaugeCard';
import RiskCard from './RiskCard';
import { GraphInsightsPayload, AssessmentResult, TopBusinessRule } from '../types';

export default function SummaryCards({ graphInsights, assessmentResult, topBusinessForGenre }: {
  graphInsights: GraphInsightsPayload;
  assessmentResult: AssessmentResult;
  topBusinessForGenre: (genre: string) => TopBusinessRule[];
}) {
  const uiTech = graphInsights?.uiSummary?.technical || {};
  const techPct = Math.round(Number(uiTech?.percent ?? 0));
  const techLabel = uiTech?.label || 'EVIDENCE';
  const techTop = uiTech?.top_movers && uiTech.top_movers.length > 0 ? uiTech.top_movers : topBusinessForGenre('Technical');

  const uiRisk = graphInsights?.uiSummary?.risk || {};
  const riskPctGood = Math.round(Number(uiRisk?.percent_good ?? 0));
  const riskLabel = uiRisk?.label || 'RISK';
  const riskTop = uiRisk?.top_movers && uiRisk.top_movers.length > 0 ? uiRisk.top_movers : topBusinessForGenre('Risk');

  // AI section removed per requirements

  return (
    <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 *:min-h-full">
      <GaugeCard
        key={'technical-card'}
        title={'KYD Technical'}
        description={'The gauge visualization shows a weighted composite of technical evidence, with rightward movement indicating stronger indications of developer capability'}
        percent={techPct}
        label={techLabel}
        topMovers={techTop?.map(t => ({ label: (t as any)?.label, uid: (t as any)?.uid }))}
        topMoversTitle={'Top Score Movers'}
      />
      <RiskCard
        title={'KYD Risk'}
        description={'The bar chart visualizes relative risk levels, where shorter bars denote lower risk and taller bars indicate greater exposure.'}
        percentGood={riskPctGood}
        label={riskLabel}
        topMovers={riskTop?.map(t => ({ label: (t as any)?.label, uid: (t as any)?.uid }))}
        topMoversTitle={'Top Score Movers'}
        tooltipText={'Higher bar filled indicates lower overall risk; movement to the right reflects improved risk posture.'}
      />
      {/* AI card removed */}
    </div>
  );
}