Variable TrainingModeSelectorOverlayHtml`Const`

TrainingModeSelectorOverlayHtml: NamedExoticComponent<
TrainingModeSelectorOverlayHtmlProps,
> = ...

TrainingModeSelectorOverlayHtml Component

Html overlay for selecting training mode with Korean theming. Compact horizontal grid layout optimized for desktop and mobile.

Optimized with React.memo for 60fps performance:

Prevents re-renders when currentMode hasn't changed
Callback expected to be stable (parent should use useCallback)

Example

<TrainingModeSelectorOverlayHtml
  currentMode="vital_point"
  onModeChange={(mode) => console.log(mode)}
  isMobile={false}
/>

Korean

훈련모드선택오버레이컴포넌트