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

export const IconDragCursorArrowOutline = 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-drag-cursor-arrow-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.02119 5.41659C7.25441 5.28249 7.54727 5.31268 7.74823 5.49153L13.6539 10.7473C13.8427 10.9154 13.9117 11.1806 13.8287 11.4194 13.7457 11.6582 13.5271 11.8234 13.2747 11.8381L11.4938 11.9418 12.0801 12.9616C12.2522 13.2608 12.1491 13.6429 11.8498 13.8149 11.5506 13.987 11.1685 13.8839 10.9965 13.5846L10.4102 12.5649 9.42475 14.0517C9.2851 14.2624 9.03226 14.3683 8.78414 14.3199 8.53603 14.2715 8.34149 14.0784 8.29126 13.8306L6.72019 6.08261C6.66673 5.81896 6.78798 5.55068 7.02119 5.41659ZM8.31787 7.67181 9.21646 12.1034 9.92697 11.0314C10.0356 10.8674 10.2152 10.7642 10.4116 10.7528L11.6957 10.678 8.31787 7.67181ZM2.08331 2.70825C2.08331 2.36307 2.36314 2.08325 2.70831 2.08325H3.95831C4.30349 2.08325 4.58331 2.36307 4.58331 2.70825 4.58331 3.05343 4.30349 3.33325 3.95831 3.33325H3.33331V3.95825C3.33331 4.30343 3.05349 4.58325 2.70831 4.58325 2.36314 4.58325 2.08331 4.30343 2.08331 3.95825V2.70825ZM5.83331 2.70825C5.83331 2.36307 6.11313 2.08325 6.45831 2.08325H8.95831C9.30349 2.08325 9.58331 2.36307 9.58331 2.70825 9.58331 3.05343 9.30349 3.33325 8.95831 3.33325H6.45831C6.11313 3.33325 5.83331 3.05343 5.83331 2.70825ZM10.8333 2.70825C10.8333 2.36307 11.1131 2.08325 11.4583 2.08325H12.7083C13.0535 2.08325 13.3333 2.36307 13.3333 2.70825V3.76594C13.3333 4.11112 13.0535 4.39094 12.7083 4.39094 12.3631 4.39094 12.0833 4.11112 12.0833 3.76594V3.33325H11.4583C11.1131 3.33325 10.8333 3.05343 10.8333 2.70825ZM12.7083 5.25633C13.0535 5.25633 13.3333 5.53615 13.3333 5.88133V6.93902C13.3333 7.2842 13.0535 7.56402 12.7083 7.56402 12.3631 7.56402 12.0833 7.2842 12.0833 6.93902V5.88133C12.0833 5.53615 12.3631 5.25633 12.7083 5.25633ZM2.70831 5.83325C3.05349 5.83325 3.33331 6.11307 3.33331 6.45825V8.95825C3.33331 9.30343 3.05349 9.58325 2.70831 9.58325 2.36314 9.58325 2.08331 9.30343 2.08331 8.95825V6.45825C2.08331 6.11307 2.36314 5.83325 2.70831 5.83325ZM2.70831 10.8333C3.05349 10.8333 3.33331 11.1131 3.33331 11.4583V12.0833H3.54165C3.88682 12.0833 4.16665 12.3631 4.16665 12.7083 4.16665 13.0534 3.88682 13.3333 3.54165 13.3333H2.70831C2.36314 13.3333 2.08331 13.0534 2.08331 12.7083V11.4583C2.08331 11.1131 2.36314 10.8333 2.70831 10.8333ZM4.58331 12.7083C4.58331 12.3631 4.86313 12.0833 5.20831 12.0833H6.04165C6.38682 12.0833 6.66665 12.3631 6.66665 12.7083 6.66665 13.0534 6.38682 13.3333 6.04165 13.3333H5.20831C4.86313 13.3333 4.58331 13.0534 4.58331 12.7083Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M13.7879 6.04159C13.7879 5.69641 14.0677 5.41659 14.4129 5.41659H15.2083C16.0137 5.41659 16.6666 6.0695 16.6666 6.87492V16.0416C16.6666 16.847 16.0137 17.4999 15.2083 17.4999H6.04165C5.23623 17.4999 4.58331 16.847 4.58331 16.0416V14.7916C4.58331 14.4464 4.86313 14.1666 5.20831 14.1666C5.55349 14.1666 5.83331 14.4464 5.83331 14.7916V16.0416C5.83331 16.1566 5.92659 16.2499 6.04165 16.2499H15.2083C15.3234 16.2499 15.4166 16.1566 15.4166 16.0416V6.87492C15.4166 6.75986 15.3234 6.66659 15.2083 6.66659H14.4129C14.0677 6.66659 13.7879 6.38676 13.7879 6.04159Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconDragCursorArrowOutline.displayName = "IconDragCursorArrowOutline";

export default IconDragCursorArrowOutline;