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

export const IconBringToFrontOutline = 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-bring-to-front-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.56407 17.7626C9.82484 17.9489 10.1752 17.9489 10.4359 17.7626L17.4359 12.7626C17.6268 12.6263 17.7429 12.4085 17.7497 12.174C17.7565 11.9395 17.6531 11.7154 17.4704 11.5682L16.0022 10.3858L17.4359 9.36174C17.6268 9.22539 17.7429 9.00758 17.7497 8.77309C17.7565 8.5386 17.6531 8.31445 17.4704 8.16731L15.4704 6.55661C15.1478 6.2968 14.6757 6.3477 14.4159 6.67031C14.1561 6.99291 14.207 7.46505 14.5296 7.72486L15.7598 8.71562L10 12.8298L4.2402 8.71562L5.47043 7.72486C5.79303 7.46505 5.84393 6.99291 5.58412 6.67031C5.32432 6.3477 4.85218 6.2968 4.52958 6.55661L2.52958 8.16731C2.34687 8.31445 2.24354 8.5386 2.25031 8.77309C2.25709 9.00758 2.37318 9.22539 2.56407 9.36174L3.99777 10.3858L2.52958 11.5682C2.34687 11.7154 2.24354 11.9395 2.25031 12.174C2.25709 12.4085 2.37318 12.6263 2.56407 12.7626L9.56407 17.7626ZM5.26515 11.2911L9.56407 14.3617C9.82484 14.548 10.1752 14.548 10.4359 14.3617L14.7348 11.2911L15.7598 12.1165L10 16.2307L4.2402 12.1165L5.26515 11.2911Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M8.2044 5.27287L9.24999 4.22727L9.24999 9.03458C9.24999 9.4488 9.58578 9.78458 9.99999 9.78458C10.4142 9.78458 10.75 9.4488 10.75 9.03458V4.22727L11.7956 5.27287C12.0885 5.56577 12.5634 5.56577 12.8563 5.27287C13.1491 4.97998 13.1491 4.50511 12.8563 4.21221L10.5303 1.88628C10.2374 1.59339 9.76256 1.59339 9.46966 1.88628L7.14374 4.21221C6.85084 4.50511 6.85084 4.97998 7.14374 5.27287C7.43663 5.56577 7.9115 5.56577 8.2044 5.27287Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconBringToFrontOutline.displayName = "IconBringToFrontOutline";

export default IconBringToFrontOutline;