text: import React from "react";
  import ReactDOM from "react-dom";
  import Pet from "./Pet";
  import pf from "petfinder-client";
  
  const petfinder = pf();
  class App extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        pets: []
      };
    }
    componentDidMount() {
      petfinder.pet
        .find({ output: "full", location: "Seattke, WA" })
        .then(data => {
          let pets;
          if (data.petfinder.pets && data.petfinder.pets.pet) {
            if (Array.isArray(data.petfinder.pets.pet)) {
              pets = data.petfinder.pets.pet;
            } else {
              pets = [data.petfinder.pets.pet];
            }
          } else {
            pets = [];
          }
          this.setState({ pets });
        });
    }
    render() {
      return (
        <div>
          <h1>Adopt Me!</h1>
          <Pet name="Luna" animal="dog" breed="Havanese" />
          <Pet name="Pepper" animal="bird" breed="Cockatiel" />
          <Pet name="Doink" animal="cat" breed="Mix" />
        </div>
      );
    }
  }
  
  ReactDOM.render(<App />, document.getElementById("root"));
  