import Button from 'app/components/base/Button' ; import Card from 'app/components/base/Card' ; import * as React from 'react' ; import { ParserNode } from '../TemplateTypes' ; import { StateProps } from './Types' ; export interface DispatchProps { onReturn : ( ) => void ; onSurgeNext : ( node : ParserNode ) => void ; } export interface Props extends StateProps , DispatchProps { } export default function surge ( props ) { let helpText = ( < span > < /span>); if ( props . settings . showHelp ) { helpText = ( < span > < p > Immediately follow the surge action listed on all remaining encounter cards . Some Undead surges apply after they 've been knocked out. < /p> < p > Surge effects happen before abilities . Abilities that apply "this round" do not affect surges ( however , loot may still be used during a surge ) . If you are knocked out during a surge , do not resolve your abilities . < /p> < /span>); } return ( < Card title = "Enemy Surge!" theme = "red" inQuest = { true } onReturn = { ( ) => props . onReturn ( ) } > < h3 > An enemy surge occurs ! < /h3> { helpText } < Button onClick = { ( ) => props . onSurgeNext ( props . node ) } > Next < /Button> < /Card>); }