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

export const IconArrowChevronDoubleRightOutline = 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-arrow-chevron-double-right-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M10.2743 5.44199 11.1582 4.55811 16.6001 10 11.1582 15.442 10.2743 14.5581 14.8323 10 10.2743 5.44199ZM3.44841 5.44199 4.33229 4.55811 9.77423 10 4.33229 15.442 3.44841 14.5581 8.00647 10 3.44841 5.44199Z"
        fill={color}
      />
    </svg>
  );
});

IconArrowChevronDoubleRightOutline.displayName =
  "IconArrowChevronDoubleRightOutline";

export default IconArrowChevronDoubleRightOutline;