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

export const IconToolMoveLayerPreview = 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-tool-move-layer-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.63998 4.52041C6.34709 4.22752 6.34709 3.75264 6.63998 3.45975L9.46841.631324C9.7613.338431 10.2362.33843 10.5291.631324L13.3575 3.45975C13.6504 3.75264 13.6504 4.22752 13.3575 4.52041 13.0646 4.8133 12.5897 4.8133 12.2968 4.52041L10.7455 2.96911 10.7455 7.52881C10.7455 7.94302 10.4098 8.27881 9.99555 8.27881 9.58133 8.27881 9.24555 7.94302 9.24554 7.52881L9.24553 2.97552 7.70064 4.52041C7.40775 4.8133 6.93287 4.8133 6.63998 4.52041ZM6.63998 15.4806C6.93287 15.1877 7.40775 15.1877 7.70064 15.4806L9.25125 17.0312 9.25123 12.4729C9.25122 12.0587 9.58701 11.7229 10.0012 11.7229 10.4154 11.7229 10.7512 12.0587 10.7512 12.4729L10.7512 17.0262 12.2968 15.4806C12.5897 15.1877 13.0646 15.1877 13.3575 15.4806 13.6504 15.7735 13.6504 16.2483 13.3575 16.5412L10.5808 19.3179C10.4433 19.4852 10.2347 19.5918 10.0013 19.5918 9.79351 19.5918 9.6055 19.5074 9.46967 19.3709L9.46841 19.3697 6.63998 16.5412C6.34709 16.2483 6.34709 15.7735 6.63998 15.4806ZM4.51866 6.64173C4.22577 6.34884 3.75089 6.34884 3.458 6.64173L.629573 9.47016C.33668 9.76305.33668 10.2379.629573 10.5308L3.458 13.3592C3.75089 13.6521 4.22577 13.6521 4.51866 13.3592 4.81155 13.0664 4.81155 12.5915 4.51866 12.2986L2.96736 10.7473 7.52706 10.7473C7.94127 10.7473 8.27706 10.4115 8.27706 9.9973 8.27706 9.58308 7.94127 9.2473 7.52706 9.24729L2.97377 9.24728 4.51866 7.70239C4.81155 7.4095 4.81155 6.93462 4.51866 6.64173ZM15.4788 6.64173C15.1859 6.93462 15.1859 7.4095 15.4788 7.70239L17.0294 9.253 12.4711 9.25298C12.0569 9.25298 11.7211 9.58876 11.7211 10.003 11.7211 10.4172 12.0569 10.753 12.4711 10.753L17.0244 10.753 15.4788 12.2986C15.1859 12.5915 15.1859 13.0664 15.4788 13.3592 15.7717 13.6521 16.2466 13.6521 16.5395 13.3592L19.3161 10.5826C19.4834 10.445 19.5901 10.2365 19.5901 10.003 19.5901 9.79526 19.5056 9.60725 19.3692 9.47142L19.3679 9.47016 16.5395 6.64173C16.2466 6.34884 15.7717 6.34884 15.4788 6.64173Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolMoveLayerPreview.displayName = "IconToolMoveLayerPreview";

export default IconToolMoveLayerPreview;