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

export const IconExpandAiOutline = 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-expand-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 1.59258C15.8752 1.35712 15.6507 1.20081 15.3996 1.20081C15.1485 1.20081 14.924 1.35712 14.8369 1.59258L14.3998 2.77385C14.258 3.15705 13.9559 3.45919 13.5726 3.60099L12.3914 4.03809C12.1559 4.12522 11.9996 4.34974 11.9996 4.60081C11.9996 4.85187 12.1559 5.07639 12.3914 5.16352L13.5726 5.60062C13.9559 5.74242 14.258 6.04456 14.3998 6.42776L14.8369 7.60903C14.924 7.84449 15.1485 8.00081 15.3996 8.00081C15.6507 8.00081 15.8752 7.84449 15.9623 7.60903L16.3994 6.42776C16.5412 6.04456 16.8434 5.74242 17.2266 5.60062L18.4078 5.16352C18.6433 5.07639 18.7996 4.85187 18.7996 4.60081C18.7996 4.34974 18.6433 4.12522 18.4078 4.03809L17.2266 3.60099C16.8434 3.45919 16.5412 3.15705 16.3994 2.77385L15.9623 1.59258ZM14.2747 4.60081C14.7579 4.35266 15.1515 3.95905 15.3996 3.47585C15.6478 3.95905 16.0414 4.35266 16.5246 4.60081C16.0414 4.84895 15.6478 5.24256 15.3996 5.72576C15.1515 5.24256 14.7579 4.84895 14.2747 4.60081Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M5 3.75002C3.75736 3.75002 2.75 4.75738 2.75 6.00002V15C2.75 16.2427 3.75736 17.25 5 17.25H15C16.2426 17.25 17.25 16.2427 17.25 15V9.09377C17.25 8.67956 17.5858 8.34377 18 8.34377C18.4142 8.34377 18.75 8.67956 18.75 9.09377V15C18.75 17.0711 17.0711 18.75 15 18.75H5C2.92893 18.75 1.25 17.0711 1.25 15V6.00002C1.25 3.92896 2.92893 2.25002 5 2.25002H10C10.4142 2.25002 10.75 2.58581 10.75 3.00002C10.75 3.41424 10.4142 3.75002 10 3.75002H5Z"
          fill={color}
        />
        <path
          d="M9.60846 11.2804C9.90135 10.9875 9.90135 10.5126 9.60846 10.2197C9.31556 9.9268 8.84069 9.9268 8.54779 10.2197L6 12.7675V11.75C6 11.3358 5.66421 11 5.25 11C4.83579 11 4.5 11.3358 4.5 11.75V14.25C4.5 14.9404 5.05964 15.5 5.75 15.5H8.25C8.66421 15.5 9 15.1642 9 14.75C9 14.3358 8.66421 14 8.25 14H6.88879L9.60846 11.2804Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconExpandAiOutline.displayName = "IconExpandAiOutline";

export default IconExpandAiOutline;