content: import React, { Component } from 'react';
  
  export default class PhoneGraphic extends Component {
    props: { sources: { android: string, iphone: string } };
    state = { activeExample: this.props.alt ? 'android' : 'iphone' };
    render() {
      const {activeExample} = this.state;
      return (
        <div className="example-section">
          <div className="buttonbar">
            <a
              className={activeExample === 'android'}
              onClick={() => this.setState({ activeExample: 'android' })}>
              Android
            </a>
            <a
              className={activeExample === 'iphone'}
              onClick={() => this.setState({ activeExample: 'iphone' })}>
              iPhone
            </a>
          </div>
          <div className="phone">
            <div className={`android ${activeExample === 'android'}`}>
              <img src={this.props.sources.android} role="presentation" />
            </div>
            <div className="phone-example-spacer" />
            <div className={`iphone ${activeExample === 'iphone'}`}>
              <img src={this.props.sources.iphone} role="presentation" />
            </div>
          </div>
        </div>
      );
    }
  }
  