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

export const IconArrowCornerRightDownOutline = 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-corner-right-down-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M12.082 9.86407C11.7891 9.57118 11.7891 9.0963 12.082 8.80341C12.3749 8.51052 12.8497 8.51052 13.1426 8.80341L16.2723 11.933C16.5652 12.2259 16.5652 12.7008 16.2723 12.9937L13.1426 16.1233C12.8497 16.4162 12.3749 16.4162 12.082 16.1233C11.7891 15.8305 11.7891 15.3556 12.082 15.0627L13.9313 13.2134L6.44025 13.2134C5.19761 13.2134 4.19025 12.206 4.19025 10.9634L4.19025 3.67106C4.19025 3.25684 4.52603 2.92106 4.94025 2.92106C5.35446 2.92106 5.69025 3.25684 5.69025 3.67106L5.69025 10.9634C5.69025 11.3776 6.02603 11.7134 6.44025 11.7134L13.9313 11.7134L12.082 9.86407Z"
        fill={color}
      />
    </svg>
  );
});

IconArrowCornerRightDownOutline.displayName = "IconArrowCornerRightDownOutline";

export default IconArrowCornerRightDownOutline;