import React from "react";
import { ClipLoader } from "react-spinners";

const Spinner = () => {
  return (
    <div
      role="status"
      className="absolute left-1/2 top-2/4 -translate-x-1/2 -translate-y-1/2"
    >
      <ClipLoader size={20} color="#FFF" />
      <span className="sr-only">Loading...</span>
    </div>
  );
};

export default Spinner;
