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-shein-icon customeow-shein-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="M10 3.16504C6.22517 3.16504 3.16504 6.22517 3.16504 10C3.16504 13.7749 6.22517 16.835 10 16.835C13.7749 16.835 16.835 13.7749 16.835 10H18.335C18.335 14.6033 14.6033 18.335 10 18.335C5.39675 18.335 1.66504 14.6033 1.66504 10C1.66504 5.39675 5.39675 1.66504 10 1.66504V3.16504Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconLoadingOutline.displayName = "IconLoadingOutline";

export default IconLoadingOutline;