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

export const IconMinusCircleOutline = 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-minus-circle-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 2.75C5.99594 2.75 2.75 5.99594 2.75 10C2.75 14.0041 5.99594 17.25 10 17.25C14.0041 17.25 17.25 14.0041 17.25 10C17.25 5.99594 14.0041 2.75 10 2.75ZM1.25 10C1.25 5.16751 5.16751 1.25 10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10ZM12.6667 9.25C13.0809 9.25 13.4167 9.58579 13.4167 10C13.4167 10.4142 13.0809 10.75 12.6667 10.75C9.74005 10.75 10.7135 10.75 7.33333 10.75C6.91912 10.75 6.58333 10.4142 6.58333 10C6.58333 9.58579 6.91912 9.25 7.33333 9.25H12.6667Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMinusCircleOutline.displayName = "IconMinusCircleOutline";

export default IconMinusCircleOutline;