import React from "react";

const Loader = () => {
  return (
    <div className="demo-inline-spacing">
      <div className="spinner-grow text-primary" role="status">
        <span className="visually-hidden">Loading...</span>
      </div>
      {/* <div className="spinner-grow" role="status">
        <span className="visually-hidden">Loading...</span>
      </div>
    
      <div className="spinner-grow text-secondary" role="status">
        <span className="visually-hidden">Loading...</span>
      </div>
      <div className="spinner-grow text-success" role="status">
        <span className="visually-hidden">Loading...</span>
      </div>
      <div className="spinner-grow text-danger" role="status">
        <span className="visually-hidden">Loading...</span>
      </div>
      <div className="spinner-grow text-warning" role="status">
        <span className="visually-hidden">Loading...</span>
      </div>
      <div className="spinner-grow text-info" role="status">
        <span className="visually-hidden">Loading...</span>
      </div> */}
      <div className="spinner-grow text-light" role="status">
        <span className="visually-hidden">Loading...</span>
      </div>
      {/* <div className="spinner-grow text-dark" role="status">
        <span className="visually-hidden">Loading...</span>
      </div> */}
    </div>
  );
};

export default Loader;
