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

export const IconIfElseArrowBranchOutline = 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-if-else-arrow-branch-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M14.2197 1.96967C14.5126 1.67678 14.9874 1.67678 15.2803 1.96967L17.2803 3.96967C17.3287 4.01807 17.366 4.07314 17.3984 4.12983C17.414 4.15698 17.4303 4.18369 17.4424 4.21283C17.4631 4.26284 17.4779 4.31453 17.4873 4.36713C17.495 4.41027 17.5 4.45458 17.5 4.49994C17.5 4.54466 17.4948 4.58824 17.4873 4.6308C17.4779 4.68375 17.4632 4.73574 17.4424 4.78608C17.4215 4.83644 17.3951 4.88355 17.3643 4.92768C17.3393 4.96338 17.3121 4.99835 17.2803 5.03022L15.2803 7.03022C14.9874 7.32303 14.5126 7.32304 14.2197 7.03022C13.9269 6.73734 13.9269 6.26257 14.2197 5.96967L14.9395 5.24994H11.25C10.8358 5.24994 10.5 5.58573 10.5 5.99994V13.9999C10.5 14.4141 10.8358 14.7499 11.25 14.7499H14.9395L14.2197 14.0302C13.9269 13.7373 13.9269 13.2626 14.2197 12.9697C14.5126 12.6768 14.9874 12.6768 15.2803 12.9697L17.2803 14.9697C17.3287 15.0181 17.366 15.0731 17.3984 15.1298C17.414 15.157 17.4303 15.1837 17.4424 15.2128C17.4631 15.2628 17.4779 15.3145 17.4873 15.3671C17.495 15.4103 17.5 15.4546 17.5 15.4999C17.5 15.5447 17.4948 15.5882 17.4873 15.6308C17.4779 15.6838 17.4632 15.7357 17.4424 15.7861C17.4215 15.8364 17.3951 15.8835 17.3643 15.9277C17.3393 15.9634 17.3121 15.9984 17.2803 16.0302L15.2803 18.0302C14.9874 18.323 14.5126 18.323 14.2197 18.0302C13.9269 17.7373 13.9269 17.2626 14.2197 16.9697L14.9395 16.2499H11.25C10.0074 16.2499 9.00003 15.2426 9 13.9999V10.7499H6.39355C6.06682 11.9038 5.00848 12.7499 3.75 12.7499C2.23124 12.7499 1.00003 11.5187 1 9.99994C1 8.48116 2.23122 7.24994 3.75 7.24994C5.00852 7.24994 6.06685 8.09606 6.39355 9.24994H9V5.99994C9 4.7573 10.0074 3.74994 11.25 3.74994H14.9395L14.2197 3.03022C13.9269 2.73734 13.9269 2.26257 14.2197 1.96967ZM3.75 8.74994C3.05964 8.74994 2.5 9.30959 2.5 9.99994C2.50003 10.6903 3.05966 11.2499 3.75 11.2499C4.44034 11.2499 4.99997 10.6903 5 9.99994C5 9.30959 4.44036 8.74994 3.75 8.74994Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconIfElseArrowBranchOutline.displayName = "IconIfElseArrowBranchOutline";

export default IconIfElseArrowBranchOutline;