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

export const IconCurrencyDollarOutline = 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-currency-dollar-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10C16.75 6.27208 13.7279 3.25 10 3.25ZM1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10ZM10 4.25C10.4142 4.25 10.75 4.58579 10.75 5V5.5765C11.2546 5.68108 11.7337 5.89289 12.1354 6.21194L12.4811 6.4866C12.8054 6.74425 12.8595 7.21604 12.6019 7.54037C12.3442 7.8647 11.8724 7.91876 11.5481 7.66111L11.2023 7.38645C11.0684 7.28008 10.915 7.19567 10.75 7.13321V9.31961C11.2744 9.41831 11.7842 9.62398 12.2178 9.94918C12.8652 10.4348 13.25 11.1244 13.25 11.875C13.25 12.6256 12.8652 13.3152 12.2178 13.8008C11.7842 14.126 11.2744 14.3317 10.75 14.4304V15C10.75 15.4142 10.4142 15.75 10 15.75C9.58579 15.75 9.25 15.4142 9.25 15V14.4304C8.72571 14.3316 8.21593 14.126 7.78238 13.8008L7.04999 13.2515C6.71862 13.003 6.65147 12.5329 6.90001 12.2015C7.14854 11.8701 7.61865 11.803 7.95001 12.0515L8.68241 12.6008C8.84388 12.7219 9.03694 12.8187 9.25 12.8866V10.6736C8.75355 10.5708 8.27284 10.3626 7.8644 10.0381C7.24421 9.54542 6.8896 8.85775 6.8896 8.12502C6.8896 7.39229 7.24421 6.70462 7.8644 6.21194C8.26609 5.89284 8.74534 5.68101 9.25 5.57645V5C9.25 4.58579 9.58579 4.25 10 4.25ZM9.25 7.13313C9.08495 7.19559 8.93139 7.28003 8.79742 7.38645C8.49587 7.62601 8.3896 7.89804 8.3896 8.12502C8.3896 8.352 8.49586 8.62404 8.79742 8.86359C8.9285 8.96772 9.08177 9.05303 9.25 9.11676V7.13313ZM10.75 10.8634V12.8866C10.9631 12.8187 11.1563 12.722 11.3178 12.6008C11.6466 12.3542 11.75 12.0842 11.75 11.875C11.75 11.6658 11.6466 11.3958 11.3178 11.1492C11.1563 11.028 10.9631 10.9313 10.75 10.8634Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCurrencyDollarOutline.displayName = "IconCurrencyDollarOutline";

export default IconCurrencyDollarOutline;