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

export const IconUsageSolid = 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-usage-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.09908 4.59218C2.7957 6.01561 2 7.91237 2 9.99628C2 14.4166 5.58172 18 10 18C14.4183 18 18 14.4166 18 9.99628C18 5.69255 14.6047 2.18219 10.3478 2V4.78789C13.0671 4.96696 15.2174 7.23039 15.2174 9.99628C15.2174 12.8791 12.8815 15.2161 10 15.2161C7.11851 15.2161 4.78261 12.8791 4.78261 9.99628C4.78261 8.68279 5.26787 7.48154 6.06939 6.56341L4.09908 4.59218Z"
          fill={color}
        />
        <path
          d="M4.59448 4.1034C5.4226 3.34375 6.41103 2.75635 7.5029 2.39771L8.23651 5.08888C7.61622 5.31165 7.05051 5.64864 6.56457 6.0744L4.59448 4.1034Z"
          fill={color}
        />
        <path
          d="M9.65206 2.00757C9.14527 2.02926 8.6507 2.09812 8.17261 2.20987L8.90567 4.89902C9.14863 4.84715 9.39786 4.81219 9.65206 4.79546V2.00757Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconUsageSolid.displayName = "IconUsageSolid";

export default IconUsageSolid;