LoadingSpinner.js

import React from 'react';
import LoadingGif from '../img/loading_busca.gif'

  const LoadingSpinner = (props) => (
    <div style={{display:"flex", flexDirection:"column", alignItems:"center", justifyContent:"center"}}>
      <img alt="" src={LoadingGif} />
      <span style={{textTransform:"uppercase"}}>{props.text}</span>
    </div>
  );

  export default LoadingSpinner;