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

export const IconDescendOutline = 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-descend-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M17.9343 16.8492C17.8804 16.957 17.7996 17.0533 17.694 17.1273C17.6007 17.1926 17.4977 17.2338 17.3925 17.252C17.3207 17.2645 17.246 17.2667 17.1704 17.2571C17.1569 17.2554 17.1434 17.2534 17.13 17.2509L11.1077 16.189C10.6998 16.1171 10.4274 15.7281 10.4994 15.3202C10.5713 14.9123 10.9603 14.6399 11.3682 14.7118L15.6109 15.4599L10.4321 8.06395L6.53557 10.7924C6.19626 11.0299 5.7286 10.9475 5.49102 10.6082L0.577656 3.59116C0.340073 3.25186 0.422534 2.7842 0.761838 2.54662C1.10114 2.30903 1.5688 2.39149 1.80638 2.7308L6.28957 9.13345L10.1861 6.40504C10.5254 6.16745 10.9931 6.24991 11.2307 6.58922L16.8395 14.5995L17.5876 10.3569C17.6596 9.94903 18.0485 9.67665 18.4565 9.74858C18.8644 9.82051 19.1368 10.2095 19.0648 10.6174L18.0039 16.6344C17.9974 16.6739 17.9878 16.7129 17.9751 16.7509C17.9637 16.785 17.9501 16.8178 17.9343 16.8492Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconDescendOutline.displayName = "IconDescendOutline";

export default IconDescendOutline;