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

export const IconArrowRightCaretTriangleSolid = 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-arrow-right-caret-triangle-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M6.66992 15.8873L6.66992 5.1069C6.66992 4.87678 6.85647 4.69023 7.08659 4.69023C7.18028 4.69023 7.27124 4.72181 7.34477 4.77986L14.1723 10.17C14.353 10.3126 14.3838 10.5747 14.2412 10.7553C14.221 10.7808 14.1979 10.8039 14.1723 10.8241L7.34477 16.2143C7.16416 16.3569 6.90215 16.3261 6.75955 16.1455C6.7015 16.0719 6.66992 15.981 6.66992 15.8873Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconArrowRightCaretTriangleSolid.displayName =
  "IconArrowRightCaretTriangleSolid";

export default IconArrowRightCaretTriangleSolid;