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

export const IconFontAiOutline = 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-font-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.9623 0.891778C15.8752 0.656317 15.6507 0.5 15.3996 0.5C15.1485 0.5 14.924 0.656317 14.8369 0.891778L14.3998 2.07304C14.258 2.45625 13.9559 2.75838 13.5726 2.90018L12.3914 3.33729C12.1559 3.42442 11.9996 3.64894 11.9996 3.9C11.9996 4.15106 12.1559 4.37558 12.3914 4.46271L13.5726 4.89982C13.9559 5.04162 14.258 5.34375 14.3998 5.72696L14.8369 6.90822C14.924 7.14368 15.1485 7.3 15.3996 7.3C15.6507 7.3 15.8752 7.14368 15.9623 6.90822L16.3994 5.72696C16.5412 5.34375 16.8434 5.04162 17.2266 4.89982L18.4078 4.46271C18.6433 4.37558 18.7996 4.15106 18.7996 3.9C18.7996 3.64894 18.6433 3.42442 18.4078 3.33729L17.2266 2.90018C16.8434 2.75838 16.5412 2.45625 16.3994 2.07304L15.9623 0.891778ZM14.2747 3.9C14.7579 3.65186 15.1515 3.25824 15.3996 2.77504C15.6478 3.25824 16.0414 3.65186 16.5246 3.9C16.0414 4.14814 15.6478 4.54176 15.3996 5.02496C15.1515 4.54176 14.7579 4.14814 14.2747 3.9Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M1.25 5.70154C1.25 3.63047 2.92893 1.95154 5 1.95154H9C9.41421 1.95154 9.75 2.28732 9.75 2.70154C9.75 3.11575 9.41421 3.45154 9 3.45154H5C3.75736 3.45154 2.75 4.4589 2.75 5.70154V15.7015C2.75 16.9442 3.75736 17.9515 5 17.9515H15C16.2426 17.9515 17.25 16.9442 17.25 15.7015V9C17.25 8.58579 17.5858 8.25 18 8.25C18.4142 8.25 18.75 8.58579 18.75 9V15.7015C18.75 17.7726 17.0711 19.4515 15 19.4515H5C2.92893 19.4515 1.25 17.7726 1.25 15.7015V5.70154Z"
          fill={color}
        />
        <path
          d="M10.6392 6.15612C10.521 5.88036 10.2499 5.70156 9.94987 5.70156C9.64985 5.70156 9.3787 5.88036 9.26052 6.15612L6.06083 13.622C5.89767 14.0028 6.07403 14.4437 6.45475 14.6068C6.83547 14.77 7.27638 14.5936 7.43955 14.2129L8.15927 12.5336H11.7405L12.4602 14.2129C12.6234 14.5936 13.0643 14.77 13.445 14.6068C13.8257 14.4437 14.0021 14.0028 13.8389 13.622L10.6392 6.15612ZM11.0976 11.0336L9.94987 8.35551L8.80212 11.0336H11.0976Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconFontAiOutline.displayName = "IconFontAiOutline";

export default IconFontAiOutline;