import React, { Component } from 'react';
import './App.css';
// import CelebList from './components/CelebList';
import { Button } from 'reactstrap';
import Contact from "./contacts.json"
import { Table } from "reactstrap";



const CelebItem = ({ blah }) => {
  return (
    <tr>
      <td>
        <img src={blah.pictureUrl} width='100' height='150' alt='' />
      </td>
      <td>{blah.name}</td>
      <td>{blah.popularity}</td>
    </tr>
  )
}


const CelebList = () => {
  return (
    <Table>
      <thead>
        <tr>
          <th>Picture</th>
          <th>Name</th>
          <th>Popularity</th>
        </tr>
      </thead>
      <tbody>

      </tbody>
    </Table>
  )
}


class App extends Component {

  constructor(props) {
    super(props);
    this.state = {

    }
  }


  render() {
    console.log('render is running')

    return (
      <div>



      </div>
    )
  }

}



export default App