{"size": 679, "ext": "js", "max_stars_repo_path": "src/helloworld.js", "max_stars_repo_name": "tanelam/react-tutorial", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/helloworld.js", "max_issues_repo_name": "tanelam/react-tutorial", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/helloworld.js", "max_forks_repo_name": "tanelam/react-tutorial", "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": 22.6333333333, "max_line_length": 74, "alphanum_fraction": 0.6612665685}
//import react, because we want to build off a React component
import React, { Component } from 'react';

//Example HelloWorld Component
class HelloWorld extends Component {
  //this is where you put the JSX to render on the page
  render() {
    let date = new Date()
    let dateToString = date.toDateString()

    return(
    <div>
      <h1 className="logo"><img src='assets/wsj-logo.svg'/></h1>
      <p className="logo">| {dateToString} |</p>
      <hr/>
    </div>
  )
  }
};



//this is where you can define fallbacks for any props that don't get sent
HelloWorld.defaultProps = {
  message: ""
};

//export this, or other files can't use this
export default HelloWorld;
