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

export const IconIfElseFalseOutline = 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-false-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.75 10C16.75 8.20979 16.0393 6.49243 14.7734 5.22656C13.5076 3.96069 11.7902 3.25 10 3.25C8.20979 3.25 6.49243 3.96069 5.22656 5.22656C3.96069 6.49243 3.25 8.20979 3.25 10C3.25 10.8864 3.42449 11.7641 3.76367 12.583C4.10289 13.402 4.59977 14.1466 5.22656 14.7734C5.85336 15.4002 6.59805 15.8971 7.41699 16.2363C8.2359 16.5755 9.11363 16.75 10 16.75C10.8864 16.75 11.7641 16.5755 12.583 16.2363C13.402 15.8971 14.1466 15.4002 14.7734 14.7734C15.4002 14.1466 15.8971 13.402 16.2363 12.583C16.5755 11.7641 16.75 10.8864 16.75 10ZM10.0156 11.75C11.2042 11.7529 12.3432 12.2269 13.1826 13.0684C13.475 13.3615 13.4745 13.8364 13.1816 14.1289C12.8884 14.4214 12.4136 14.421 12.1211 14.1279C11.5621 13.5675 10.8032 13.2518 10.0117 13.25H10.0098C9.61424 13.2481 9.22214 13.3249 8.85645 13.4756C8.4908 13.6263 8.1582 13.8479 7.87891 14.1279C7.58638 14.421 7.11157 14.4214 6.81836 14.1289C6.52548 13.8364 6.525 13.3615 6.81738 13.0684C7.23686 12.6478 7.73599 12.3152 8.28516 12.0889C8.83337 11.8629 9.42076 11.7476 10.0137 11.75H10.0156ZM18.25 10C18.25 11.0834 18.0367 12.1563 17.6221 13.1572C17.2075 14.1581 16.6001 15.0679 15.834 15.834C15.0679 16.6001 14.1581 17.2075 13.1572 17.6221C12.1563 18.0367 11.0834 18.25 10 18.25C8.91659 18.25 7.84371 18.0367 6.84277 17.6221C5.84186 17.2075 4.93209 16.6001 4.16602 15.834C3.39995 15.0679 2.79253 14.1581 2.37793 13.1572C1.96333 12.1563 1.75 11.0834 1.75 10C1.75 7.81196 2.61884 5.71319 4.16602 4.16602C5.71319 2.61884 7.81196 1.75 10 1.75C12.188 1.75 14.2868 2.61884 15.834 4.16602C17.3812 5.71319 18.25 7.81196 18.25 10ZM8.875 8.125C8.875 8.38881 8.82291 8.66472 8.7041 8.90234C8.6078 9.09489 8.33601 9.5 7.8125 9.5C7.28899 9.5 7.0172 9.09489 6.9209 8.90234C6.80209 8.66472 6.75 8.38881 6.75 8.125C6.75 7.86119 6.80209 7.58528 6.9209 7.34766C7.0172 7.15511 7.28899 6.75 7.8125 6.75L7.9082 6.75488C8.36946 6.8003 8.61385 7.16721 8.7041 7.34766C8.82291 7.58528 8.875 7.86119 8.875 8.125ZM13.25 8.125C13.25 8.38881 13.1979 8.66472 13.0791 8.90234C12.9828 9.09489 12.711 9.5 12.1875 9.5C11.664 9.5 11.3922 9.09489 11.2959 8.90234C11.1771 8.66472 11.125 8.38881 11.125 8.125C11.125 7.86119 11.1771 7.58528 11.2959 7.34766C11.3922 7.15511 11.664 6.75 12.1875 6.75L12.2832 6.75488C12.7445 6.8003 12.9889 7.16721 13.0791 7.34766C13.1979 7.58528 13.25 7.86119 13.25 8.125Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconIfElseFalseOutline.displayName = "IconIfElseFalseOutline";

export default IconIfElseFalseOutline;