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

export const IconArrowChevronRigthOutline = 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-rigth-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M7.53804 16.4419L6.65416 15.558L12.2122 9.99995L6.65415 4.4419L7.53804 3.55801L13.98 9.99995L7.53804 16.4419Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconArrowChevronRigthOutline.displayName = "IconArrowChevronRigthOutline";

export default IconArrowChevronRigthOutline;