text: import React, { Component } from 'react';
  import {
    Col,
    Grid,
    Jumbotron,
    Row
  } from 'react-bootstrap';
  import Helmet from 'react-helmet';
  
  import Header from '../components/Header';
  import PressMoveThreshold from '../components/PressMoveThreshold';
  
  import 'bootstrap/dist/css/bootstrap.css';
  import '../styles/app.css';
  
  export default class extends Component {
      render() {
          return (
              <div>
                  <Helmet title="Class Name | React Cursor Position" />
                  <Header {...this.props}/>
                  <Jumbotron>
                      <Grid>
                          <Row>
                              <Col sm={12}>
                                  <h2>pressMoveThreshold - API Example</h2>
                              </Col>
                          </Row>
                          <Row>
                              <Col sm={5}>
                                  <ul className="summary__list">
                                      <li>
                                          Amount of movement, in pixels, allowed during press gesture detection.
                                      </li>
                                  </ul>
                              </Col>
                              <Col sm={5}>
                                  <ul className="summary__list">
                                      <li>Type: Number</li>
                                      <li>Default: 5</li>
                                      <li>
                                          <a href="https://github.com/ethanselzer/react-cursor-position/blob/master/example/src/components/PressMoveThreshold.js">
                                              Example Code
                                          </a>
                                      </li>
                                  </ul>
                              </Col>
                          </Row>
                      </Grid>
                  </Jumbotron>
                  <Grid>
                      <Row>
                          <Col sm={6} md={4}>
                              <PressMoveThreshold />
                          </Col>
                          <Col
                              sm={6}
                              md={8}
                              className="example__source-container"
                              style={{ height: '270px' }}
                          >
                              <iframe title="example"
                                  src="press-move-threshold.html"
                                  frameBorder="0"
                                  className="code-frame"
                              />
                          </Col>
                      </Row>
                  </Grid>
              </div>
          );
      }
  }
  