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

export const IconBringForwardOutline = 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-bring-forward-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.4359 17.4003C10.1752 17.5866 9.82484 17.5866 9.56407 17.4003L2.56407 12.4003C2.37318 12.264 2.25709 12.0462 2.25031 11.8117C2.24354 11.5772 2.34687 11.3531 2.52958 11.2059L4.52958 9.59521C4.85218 9.3354 5.32432 9.38631 5.58412 9.70891C5.84393 10.0315 5.79303 10.5036 5.47043 10.7635L4.2402 11.7542L10 15.8684L15.7598 11.7542L14.5296 10.7635C14.207 10.5036 14.1561 10.0315 14.4159 9.70891C14.6757 9.38631 15.1478 9.3354 15.4704 9.59521L17.4704 11.2059C17.6531 11.3531 17.7565 11.5772 17.7497 11.8117C17.7429 12.0462 17.6268 12.264 17.4359 12.4003L10.4359 17.4003Z"
          fill={color}
        />
        <path
          d="M9.25 4.9016L8.2044 5.9472C7.91151 6.24009 7.43664 6.24009 7.14374 5.9472C6.85085 5.65431 6.85085 5.17943 7.14374 4.88654L9.46967 2.56061C9.76256 2.26772 10.2374 2.26772 10.5303 2.56061L12.8563 4.88654C13.1492 5.17943 13.1492 5.65431 12.8563 5.9472C12.5634 6.24009 12.0885 6.24009 11.7956 5.9472L10.75 4.9016V11.4208C10.75 11.835 10.4142 12.1708 10 12.1708C9.58579 12.1708 9.25 11.835 9.25 11.4208L9.25 4.9016Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconBringForwardOutline.displayName = "IconBringForwardOutline";

export default IconBringForwardOutline;