{"size": 1188, "ext": "js", "max_stars_repo_path": "my-app/src/App.js", "max_stars_repo_name": "Pedr0x/nanoReact", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "my-app/src/App.js", "max_issues_repo_name": "Pedr0x/nanoReact", "max_issues_repo_issues_event_min_datetime": "2022-03-26T06:46:42.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-26T06:46:42.000Z", "max_forks_repo_path": "my-app/src/App.js", "max_forks_repo_name": "Pedr0x/nanoReact", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 14.6666666667, "max_line_length": 60, "alphanum_fraction": 0.4124579125}
import React from "react";


var Pedro = (props) => {
  return (
    <div> 
      <h1 className={'dd'} >  My name is {props.name}. </h1>
      <h1>  My age is {props.age} </h1>
    </div>
  )

};

Pedro.defaultProps = {
  age:223,
  name:'fake name'
}



class Stateful extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      live: false
    }
  }
  render() {
    
        
     if (this.state.live == true) {
        
            return (
                  <div>

            <h1>Stateful is alive 😊</h1>
                                  </div>

            )

        }
      
    
        else{
               return (
                  <div>

            <h1>Stateful is dead</h1>
                                  </div>

            )
        }
    
  }}



var Input = () => {
    return(
    <div className={'input-container'}>
        
     <input placeholder = {"This is placeholder"}/>    
        
        </div>
    )
}


export default () => (
      <>

    <h1>Welcome to React Parcel Micro App!</h1>
    <p>Hard to get more minimal than this React app.</p>
    <Pedro age={77} name={'peddd'}/>
    <Input/>
    <Stateful/>
  </>
);


