text: import React from 'react';
  
  import { TypeChooser } from 'react-stockcharts/lib/helper';
  
  import { ContentSection } from 'lib/ContentSection';
  import { Row } from 'lib/Row';
  import { Section } from 'lib/Section';
  
  import { CandleStickChartWithClickHandlerCallback } from 'lib/charts/CandleStickChartWithClickHandlerCallback';
  
  class ClickHandlerCallbackPage extends React.Component {
    render() {
      return (
        <ContentSection title={ClickHandlerCallbackPage.title}>
          <Row>
            <Section colSpan={2}>
              <aside
                dangerouslySetInnerHTML={{
                  __html: require('md/CLICK-CALLBACK-INTERACTIVE-INDICATOR'),
                }}></aside>
            </Section>
          </Row>
          <Row>
            <Section colSpan={2}>
              <TypeChooser>
                {(type) => (
                  <CandleStickChartWithClickHandlerCallback
                    data={this.props.someData}
                    type={type}
                  />
                )}
              </TypeChooser>
            </Section>
          </Row>
        </ContentSection>
      );
    }
  }
  
  ClickHandlerCallbackPage.title = 'Click callback';
  
  export { ClickHandlerCallbackPage };
  