import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconLoadingOutline = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-loading-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.99998 3.74992C6.5482 3.74992 3.74998 6.54814 3.74998 9.99992C3.74998 13.4517 6.5482 16.2499 9.99998 16.2499C13.4518 16.2499 16.25 13.4517 16.25 9.99992C16.25 9.53968 16.6231 9.16658 17.0833 9.16658C17.5435 9.16658 17.9166 9.53968 17.9166 9.99992C17.9166 14.3722 14.3722 17.9166 9.99998 17.9166C5.62773 17.9166 2.08331 14.3722 2.08331 9.99992C2.08331 5.62766 5.62773 2.08325 9.99998 2.08325C10.4602 2.08325 10.8333 2.45635 10.8333 2.91659C10.8333 3.37682 10.4602 3.74992 9.99998 3.74992Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconLoadingOutline.displayName = "IconLoadingOutline";

export default IconLoadingOutline;