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.7123 1.39178C15.6252 1.15632 15.4007 1 15.1496 1C14.8985 1 14.674 1.15632 14.5869 1.39178L14.1498 2.57304C14.008 2.95625 13.7059 3.25838 13.3226 3.40018L12.1414 3.83729C11.9059 3.92442 11.7496 4.14894 11.7496 4.4C11.7496 4.65106 11.9059 4.87558 12.1414 4.96271L13.3226 5.39982C13.7059 5.54162 14.008 5.84375 14.1498 6.22696L14.5869 7.40822C14.674 7.64368 14.8985 7.8 15.1496 7.8C15.4007 7.8 15.6252 7.64368 15.7123 7.40822L16.1494 6.22696C16.2912 5.84375 16.5934 5.54162 16.9766 5.39982L18.1578 4.96271C18.3933 4.87558 18.5496 4.65106 18.5496 4.4C18.5496 4.14894 18.3933 3.92442 18.1578 3.83729L16.9766 3.40018C16.5934 3.25838 16.2912 2.95625 16.1494 2.57304L15.7123 1.39178ZM14.0247 4.4C14.5079 4.15186 14.9015 3.75824 15.1496 3.27504C15.3978 3.75824 15.7914 4.15186 16.2746 4.4C15.7914 4.64814 15.3978 5.04176 15.1496 5.52496C14.9015 5.04176 14.5079 4.64814 14.0247 4.4Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M4.75 3.54922C3.50736 3.54922 2.5 4.55658 2.5 5.79922V14.7992C2.5 16.0419 3.50736 17.0492 4.75 17.0492H14.75C15.9926 17.0492 17 16.0419 17 14.7992V8.89297C17 8.47875 17.3358 8.14297 17.75 8.14297C18.1642 8.14297 18.5 8.47875 18.5 8.89297V14.7992C18.5 16.8703 16.8211 18.5492 14.75 18.5492H4.75C2.67893 18.5492 1 16.8703 1 14.7992V5.79922C1 3.72815 2.67893 2.04922 4.75 2.04922H9.75C10.1642 2.04922 10.5 2.38501 10.5 2.79922C10.5 3.21343 10.1642 3.54922 9.75 3.54922H4.75Z"
          fill={color}
        />
        <path
          d="M9.35846 11.0795C9.65135 10.7867 9.65135 10.3118 9.35846 10.0189C9.06556 9.726 8.59069 9.726 8.29779 10.0189L5.75 12.5667V11.5492C5.75 11.135 5.41421 10.7992 5 10.7992C4.58579 10.7992 4.25 11.135 4.25 11.5492V14.0492C4.25 14.7396 4.80964 15.2992 5.5 15.2992H8C8.41421 15.2992 8.75 14.9634 8.75 14.5492C8.75 14.135 8.41421 13.7992 8 13.7992H6.63879L9.35846 11.0795Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconExpandAiOutline.displayName = "IconExpandAiOutline";

export default IconExpandAiOutline;