text: // VendorsPane.js
  // Engineer: Joseph Ng
  
  import React, {useState} from 'react';
  
  import "./Vendor.css"
  
  function VendorPane(props) {
      // eslint-disable-next-line
      const [result, setResult] = useState({
          ...props.vendor
      })
  
  
      return (
          <div className="vendor_pane">
              <img className="vendor_image" alt=""
                  src={result.vendor_image_url !== null 
                      ? result.vendor_image_url
                      : "https://longsshotokan.com/wp-content/uploads/2017/04/default-image-620x600.jpg"
                  }
              />
              <div className="vendor_description">
                  <div className="row">
                      <div className="vendor_name">
                          Vendor Name: {result.vendor_name || "[No Name Listed]"}
                      </div>
                      <div className="vendor_email">
                          Email: {result.email}
                      </div>
                  </div>
                  <div className="row">
                      <div className="vendor_type">
                          Resturant Type: {result.account_type}
                      </div>
                      <div className="vendor_location">
                          {result.vendor_location || "No Location Listed"}
                      </div>
                  </div>
              </div>
          </div>
      )
  }
  
  export default VendorPane;