/**
 * 매매 시그널 알림 — 가상매매 VirtualTargetCard(신호 패널) 슬롯
 */
import React from 'react';
import type { TickerData } from '../../hooks/useMarketTicker';
import type { VirtualIndicatorSnapshot } from '../../hooks/useVirtualIndicatorSnapshots';
import type { StrategyDto } from '../../utils/backendApi';
import type { Theme } from '../../types';
import TradeNotificationSignalSummary from './TradeNotificationSignalSummary';

export interface TradeNotificationSignalCardProps {
  market: string;
  strategyId: number | null | undefined;
  strategy?: StrategyDto;
  strategies?: StrategyDto[];
  strategyLabel: string;
  meta?: string;
  candleType?: string;
  theme?: Theme;
  ticker?: TickerData;
  enabled?: boolean;
  snapshot?: VirtualIndicatorSnapshot;
  signalLoading?: boolean;
  onExpandCharts?: () => void;
}

const TradeNotificationSignalCard: React.FC<TradeNotificationSignalCardProps> = props => (
  <div
    className="tnl-signal-slot"
    aria-label="실시간 신호 현황"
    onClick={e => e.stopPropagation()}
  >
    <TradeNotificationSignalSummary embedded {...props} />
  </div>
);

export default TradeNotificationSignalCard;