import React, { Component } from 'react';
import { Link } from "react-router-dom";
import Loader from 'react-loader-spinner'

class searchStaffs extends Component {
    render() {
        
        const {searchData, isFetching } = this.props
            
        let data;
            if(isFetching===true){
                data = <div> <div> 
                <Loader 
            type="Triangle"
            color="#1890ff"
            height="75"	
            width="75"
         /> 
         </div> </div> 
            }
            else{
                data = <div className="staffs">
                      {searchData.map((el,key)=>(<Link to = {`/search/Staff/${el.id}`}  key={key}  ><div className="staff" > {el.title} {el.price}  </div></Link> )
                    )}
                      </div>
            }
        return (
            <div>
                
               {data} 
                 
            </div>
        );
    }
}


export default searchStaffs;