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

export const IconCounterSolid = 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-counter-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.91675 9.37504C2.91675 5.69314 5.90151 2.70837 9.58341 2.70837C13.2653 2.70837 16.2501 5.69314 16.2501 9.37504C16.2501 13.0569 13.2653 16.0417 9.58341 16.0417C5.90151 16.0417 2.91675 13.0569 2.91675 9.37504ZM9.20321 13.0035H10.7981L10.7982 5.74656H9.55892L7.77342 6.7023L8.18219 8.03885L9.20321 7.47605V13.0035Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M17.5 9.37504C17.5 13.7473 13.9556 17.2917 9.58337 17.2917C9.22404 17.2917 8.87031 17.2678 8.52368 17.2214C9.53377 17.9225 10.7605 18.3334 12.0832 18.3334C15.535 18.3334 18.3332 15.5352 18.3332 12.0834C18.3332 10.9389 18.0256 9.8662 17.4885 8.94357C17.4961 9.08642 17.5 9.23028 17.5 9.37504Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconCounterSolid.displayName = "IconCounterSolid";

export default IconCounterSolid;