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

export const IconSendBckwardOutline = 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-send-bckward-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.4359 2.59881C10.1752 2.41254 9.82484 2.41254 9.56407 2.59881L2.56407 7.59881C2.37318 7.73516 2.25709 7.95297 2.25031 8.18745C2.24354 8.42194 2.34687 8.64609 2.52958 8.79323L4.52958 10.4039C4.85218 10.6637 5.32432 10.6128 5.58412 10.2902C5.84393 9.96763 5.79303 9.4955 5.47043 9.23569L4.2402 8.24493L10 4.13078L15.7598 8.24493L14.5296 9.23569C14.207 9.4955 14.1561 9.96763 14.4159 10.2902C14.6757 10.6128 15.1478 10.6637 15.4704 10.4039L17.4704 8.79323C17.6531 8.64609 17.7565 8.42194 17.7497 8.18745C17.7429 7.95297 17.6268 7.73516 17.4359 7.59881L10.4359 2.59881Z"
          fill={color}
        />
        <path
          d="M9.25 15.0975L8.2044 14.0519C7.91151 13.7591 7.43664 13.7591 7.14374 14.0519C6.85085 14.3448 6.85085 14.8197 7.14374 15.1126L9.46967 17.4385C9.76256 17.7314 10.2374 17.7314 10.5303 17.4385L12.8563 15.1126C13.1492 14.8197 13.1492 14.3448 12.8563 14.0519C12.5634 13.7591 12.0885 13.7591 11.7956 14.0519L10.75 15.0975V8.57838C10.75 8.16417 10.4142 7.82838 10 7.82838C9.58579 7.82838 9.25 8.16417 9.25 8.57838L9.25 15.0975Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSendBckwardOutline.displayName = "IconSendBckwardOutline";

export default IconSendBckwardOutline;