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={props.contrast === "" ? { textTransform: "uppercase" } : { textTransform: "uppercase", color: "white" }}>{props.text}</span>
  </div>
);

export default LoadingSpinner;