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

export const IconWorkingCircleOutline = 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-working-circle-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2 10C2 5.63253 5.50901 2 10 2C14.491 2 18 5.60956 18 10C18 14.3904 14.473 18 10 18C5.52701 18 2 14.3675 2 10ZM10 3.5C6.53936 3.5 3.5 6.27649 3.5 10C3.5 13.7235 6.53936 16.5 10 16.5C13.4606 16.5 16.5 13.6977 16.5 10C16.5 6.30225 13.4606 3.5 10 3.5ZM10.75 6.5C10.75 6.08579 10.4142 5.75 10 5.75C9.58579 5.75 9.25 6.08579 9.25 6.5V9.85714C9.25 10.0994 9.36697 10.3267 9.56407 10.4674L12.5641 12.6103C12.9011 12.8511 13.3695 12.773 13.6103 12.4359C13.8511 12.0989 13.773 11.6305 13.4359 11.3897L10.75 9.47118V6.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconWorkingCircleOutline.displayName = "IconWorkingCircleOutline";

export default IconWorkingCircleOutline;