Variable TrainingStatsOverlayHtml`Const`

TrainingStatsOverlayHtml: NamedExoticComponent<TrainingStatsOverlayHtmlProps> = ...

TrainingStatsOverlayHtml Component

Html overlay displaying training performance metrics with Korean theming. All colors use KOREAN_COLORS constants for consistency.

Optimized with React.memo for 60fps performance:

Memoized with custom comparison function
Only re-renders when stats actually change
Reduces unnecessary DOM updates

Example

<TrainingStatsOverlayHtml
  stats={{ score: 1500, combo: 8, hits: 45, misses: 5, accuracy: 90 }}
  isMobile={false}
/>

Korean

훈련통계오버레이컴포넌트