/**
 * 분석레포트 — 상단 컨텍스트 바 (중앙 패널 좌측 정렬 · 종목명 + 실행 정보)
 */
import React from 'react';
import type { BacktestAnalysisReportModel } from '../backtest/BacktestAnalysisReportModal';

interface Props {
  model: BacktestAnalysisReportModel | null;
}

function executionMeta(model: BacktestAnalysisReportModel): string {
  const kind = model.reportKind === 'live' ? '실시간 매매' : '백테스팅';
  return model.createdAt ? `${kind} · 분석 실행 ${model.createdAt}` : kind;
}

export default function AnalysisReportContextBar({ model }: Props) {
  if (!model) return null;

  const symbolLabel = model.symbolKo?.trim() || model.symbol;

  return (
    <div className="arp-context-bar" aria-label="선택 실행 정보">
      <div className="arp-context-bar__left-gap" aria-hidden />
      <div className="arp-context-bar__center">
        <span className="arp-context-symbol">{symbolLabel}</span>
        <span className="arp-context-meta">{executionMeta(model)}</span>
      </div>
      <div className="arp-context-bar__right-gap" aria-hidden />
    </div>
  );
}