App.jsx

import React, {Component} from 'react';

class VideoThumb extends Component {
  render() {
    console.log('HELLO I AM PROPS', this.props)
    return (
      <div>
        <h1>{this.props.name}</h1>
        <img src={`https://api.adorable.io/avatars/50/${this.props.name}.png`} />
      </div>
    )
  }
}

class App extends Component {
  render() {
    return (
      <div>
        <Person
          age={1000}
          name={"Timothy"}/>
        <Person
          age={800}
          name={"Fereshteh"}/>
        <Person name={"Fabrizio"}/>
      </div>
    );
  }
}


export default App;