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-shein-icon customeow-shein-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.7376 1.70192C11.7109 0.761978 13.2684 0.795677 14.2162 1.77719L18.0777 5.77588C19.0255 6.75738 19.0049 8.31505 18.0315 9.25499L16.7097 10.5314L15.6377 9.4213C16.051 8.45675 16.0656 7.35747 15.6782 6.37556L10.5476 11.3301L11.5839 10.3298C10.9306 10.9607 11.014 11.7382 11.834 12.6622L10.9539 13.5143L6.2343 8.62702L7.1155 7.77606C7.99703 8.61521 8.76118 8.7357 9.40796 8.13752L13.533 4.15398C12.5652 3.73244 11.4659 3.70864 10.4874 4.08806L9.41581 2.97837L10.7376 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;