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

export const IconArcTextBicolorSolid = 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-arc-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.6428 2.51625C11.5099 1.67885 12.8974 1.70887 13.7419 2.58331L17.1821 6.14576C18.0265 7.02019 18.0081 8.40792 17.141 9.24532L15.9634 10.3825L15.0083 9.39349C15.3765 8.53417 15.3895 7.55481 15.0444 6.68002L10.4735 11.0941L11.3967 10.2029C10.8147 10.765 10.889 11.4576 11.6195 12.2808L10.8355 13.04L6.63075 8.68586L7.41581 7.92774C8.20117 8.67534 8.88196 8.78268 9.45817 8.24976L13.1332 4.70081C12.2709 4.32525 11.2916 4.30405 10.4199 4.64207L9.46517 3.65344L10.6428 2.51625Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          opacity=".5"
          d="M3.72723 11.0775C4.30147 10.523 5.01214 10.6086 5.32959 10.9374L10.9652 16.7732C10.9679 16.776 10.9707 16.7788 10.9735 16.7817C12.2211 18.0645 14.2724 18.0975 15.5607 16.8534C16.8519 15.6065 16.8878 13.549 15.6409 12.2579C15.2573 11.8606 14.6242 11.8496 14.2269 12.2332C13.8297 12.6169 13.8186 13.2499 14.2023 13.6472C14.6818 14.1438 14.668 14.9351 14.1714 15.4147C13.6748 15.8943 12.8835 15.8804 12.4039 15.3838C12.4016 15.3815 12.3993 15.3791 12.397 15.3767L6.76827 9.54805C5.54171 8.2779 3.55144 8.46695 2.33791 9.63883C1.12439 10.8107 0.865997 12.7932 2.09256 14.0633C2.47621 14.4606 3.10928 14.4717 3.50656 14.088C3.90384 13.7044 3.91489 13.0713 3.53124 12.674C3.21379 12.3453 3.15299 11.632 3.72723 11.0775Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconArcTextBicolorSolid.displayName = "IconArcTextBicolorSolid";

export default IconArcTextBicolorSolid;