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

export const IconIfElseTrueOutline = 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-true-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 10ZM12.1211 12.1211C12.4139 11.8283 12.8887 11.8285 13.1816 12.1211C13.4745 12.414 13.4745 12.8887 13.1816 13.1816C12.7638 13.5995 12.2676 13.9311 11.7217 14.1572C11.1758 14.3833 10.5909 14.5 10 14.5C9.40914 14.5 8.82422 14.3833 8.27832 14.1572C7.73235 13.9311 7.23622 13.5995 6.81836 13.1816C6.52547 12.8887 6.52546 12.414 6.81836 12.1211C7.11128 11.8285 7.58611 11.8283 7.87891 12.1211C8.15738 12.3996 8.48774 12.6207 8.85156 12.7715C9.21554 12.9223 9.60603 13 10 13C10.394 13 10.7845 12.9223 11.1484 12.7715C11.5123 12.6207 11.8426 12.3996 12.1211 12.1211ZM18.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>
    );
  }
);

IconIfElseTrueOutline.displayName = "IconIfElseTrueOutline";

export default IconIfElseTrueOutline;