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

export const IconCreditsDollarSolid = 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-credits-dollar-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 1.875C5.5125 1.875 1.875 5.5125 1.875 10C1.875 14.4875 5.5125 18.125 10 18.125C14.4875 18.125 18.125 14.4875 18.125 10C18.125 5.5125 14.4875 1.875 10 1.875ZM10.083 12.7841C10.7193 12.7841 11.1383 12.2855 11.2155 11.4622C11.2303 11.3053 11.3491 11.177 11.498 11.177H13.2316C13.3804 11.177 13.5019 11.3055 13.494 11.463C13.3908 13.5224 12.1583 14.7114 10.0952 14.7114C7.8348 14.7114 6.49438 13.3303 6.49438 11.0012V8.99855C6.49438 6.66946 7.8348 5.28833 10.0952 5.28833C12.1599 5.28833 13.3815 6.47913 13.4821 8.57437C13.4897 8.73187 13.3682 8.86044 13.2194 8.86044H11.4858C11.3369 8.86044 11.218 8.73215 11.2035 8.5752C11.1256 7.73185 10.6952 7.21564 10.0465 7.21564C9.24832 7.21564 8.82792 7.83087 8.82792 8.99855V11.0012C8.82792 12.1751 9.25441 12.7841 10.083 12.7841Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCreditsDollarSolid.displayName = "IconCreditsDollarSolid";

export default IconCreditsDollarSolid;