Variable TrainingControlsOverlayHtml`Const`

TrainingControlsOverlayHtml: NamedExoticComponent<
TrainingControlsOverlayHtmlProps,
> = ...

TrainingControlsOverlayHtml Component

Html overlay showing training status and start/stop controls with Korean theming. All colors use KOREAN_COLORS constants for consistency.

Optimized with React.memo for 60fps performance:

Prevents re-renders when isTraining state hasn't changed
Callbacks expected to be stable (parent should use useCallback)

Example

<TrainingControlsOverlayHtml
  isTraining={true}
  onStartTraining={() => console.log('start')}
  onStopTraining={() => console.log('stop')}
  isMobile={false}
/>

Korean

훈련제어오버레이컴포넌트