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

export const IconCurveTextBicolorSolid = 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-curve-text-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.7906 1.70192C11.7639 0.761978 13.3214 0.795677 14.2692 1.77719L18.1307 5.77588C19.0785 6.75738 19.0578 8.31505 18.0845 9.25499L16.7627 10.5314L15.6907 9.4213C16.104 8.45675 16.1186 7.35747 15.7312 6.37556L10.6006 11.3301L11.6369 10.3298C10.9836 10.9607 11.0669 11.7382 11.8869 12.6622L11.0069 13.5143L6.28728 8.62702L7.16848 7.77606C8.05001 8.61521 8.81416 8.7357 9.46093 8.13752L13.586 4.15398C12.6181 3.73244 11.5189 3.70864 10.5404 4.08806L9.46879 2.97837L10.7906 1.70192Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          opacity=".5"
          d="M0.699951 10.2C0.699951 9.64773 1.14767 9.20001 1.69995 9.20001C3.76747 9.20001 5.88506 10.2209 7.46956 11.8054C9.06529 13.4011 10.2 15.646 10.2 18.2C10.2 18.7523 9.75224 19.2 9.19995 19.2C8.64767 19.2 8.19995 18.7523 8.19995 18.2C8.19995 16.254 7.33461 14.4989 6.05534 13.2196C4.76484 11.9291 3.13243 11.2 1.69995 11.2C1.14767 11.2 0.699951 10.7523 0.699951 10.2Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCurveTextBicolorSolid.displayName = "IconCurveTextBicolorSolid";

export default IconCurveTextBicolorSolid;