import React, { SVGAttributes } from "react";

export interface SpinnerProps
  extends Omit<SVGAttributes<SVGSVGElement>, "className" | "style"> {
  ESCAPE_className?: string;
}

export const Spinner = ({ ESCAPE_className, ...restProps }: SpinnerProps) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      viewBox="0 0 16 16"
      width="16"
      height="16"
      className={ESCAPE_className}
      {...restProps}
    >
      <style>
        {
          // eslint-disable-next-line max-len
          "#em3BQNTLuCt2_tr {animation: em3BQNTLuCt2_tr__tr 600ms linear infinite normal forwards}@keyframes em3BQNTLuCt2_tr__tr { 0% {transform: translate(8px,8px) rotate(0deg)} 100% {transform: translate(8px,8px) rotate(360deg)} 100% {transform: translate(8px,8px) rotate(360deg)}}"
        }
      </style>
      <g id="em3BQNTLuCt2_tr" transform="translate(8,8) rotate(0)">
        <path
          transform="translate(-8,-8)"
          fill="currentColor"
          fillRule="evenodd"
          d="M1 7a1 1 0 0 1 1 1a6 6 0 1 0 12 0a1 1 0 1 1 2 0A8 8 0 1 1 0 8a1 1 0 0 1 1-1Z"
          clipRule="evenodd"
        />
      </g>
    </svg>
  );
};
