{"size": 1245, "ext": "js", "max_stars_repo_path": "src/pages/info.js", "max_stars_repo_name": "Madhu-Dutta/dgha-POC-Release1", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/info.js", "max_issues_repo_name": "Madhu-Dutta/dgha-POC-Release1", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/info.js", "max_forks_repo_name": "Madhu-Dutta/dgha-POC-Release1", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.6666666667, "max_line_length": 65, "alphanum_fraction": 0.5694779116}
import React, { Component } from "react";
import SwipeableViews from "react-swipeable-views";
import classes from "./info.module.css";
import StateLegislation from "./StateLegislation";
import InfoNavBar from "./infoNavbar";
import DogAccess from "./DogAccess";
import Federal from "./Federal";
import { InfoSwiperContext } from "../contexts/InfoSwiperContext"

class Info extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <InfoSwiperContext.Consumer>
        {infoContext => (
          <div>
            <InfoNavBar />
            <SwipeableViews
              enableMouseEvents
              resistance
              index={infoContext.index}
              onChangeIndex={infoContext.handleChangeIndex}
            >
              <div className={classes.slide} axis="x-reverse">
                <DogAccess></DogAccess>
              </div>
              <div className={classes.slide}>
                <StateLegislation></StateLegislation>
              </div>
              <div className={classes.slide}>
                <Federal></Federal>
              </div>
            </SwipeableViews>
          </div>
        )}
      </InfoSwiperContext.Consumer>
    );
  }
}

export default Info;
