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

export const IconIfElseOutline = 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-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M12 2.75C11.5858 2.75 11.25 3.08579 11.25 3.5C11.25 3.91421 11.5858 4.25 12 4.25H14.6893L9.68934 9.25H3C2.58579 9.25 2.25 9.58579 2.25 10C2.25 10.4142 2.58579 10.75 3 10.75H9.68934L14.6893 15.75H12C11.5858 15.75 11.25 16.0858 11.25 16.5C11.25 16.9142 11.5858 17.25 12 17.25H16.5C16.9142 17.25 17.25 16.9142 17.25 16.5V12C17.25 11.5858 16.9142 11.25 16.5 11.25C16.0858 11.25 15.75 11.5858 15.75 12V14.6893L11.0607 10L15.75 5.31066V8C15.75 8.41421 16.0858 8.75 16.5 8.75C16.9142 8.75 17.25 8.41421 17.25 8V3.5C17.25 3.08579 16.9142 2.75 16.5 2.75H12Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconIfElseOutline.displayName = "IconIfElseOutline";

export default IconIfElseOutline;