import React from "react";
import styled, { css } from "styled-components";

const StyledSpinner = styled.div`
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border: 1px solid transparent;
  border-top: 1px solid #707070;
  border-radius: 50%;
  animation: rotate 0.8s infinite linear;

  @keyframes rotate {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
`;

const Spinner = () => {
  return (
    <>
      <div className="py-7">
        <StyledSpinner />
      </div>
    </>
  );
};
export { Spinner };
