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

export const IconArrowsDragOutline = 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-arrows-drag-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.21418 5.78799C3.48755 6.06136 3.93076 6.06136 4.20413 5.78799L5.30469 4.68743V15.3128L4.19497 14.203C3.92161 13.9297 3.47839 13.9297 3.20503 14.203 2.93166 14.4764 2.93166 14.9196 3.20503 15.193L5.50971 17.4977C5.78308 17.7711 6.2263 17.7711 6.49966 17.4977L8.80435 15.193C9.07772 14.9196 9.07772 14.4764 8.80435 14.203 8.53098 13.9297 8.08777 13.9297 7.8144 14.203L6.70469 15.3128V4.68743L7.80524 5.78799C8.07861 6.06136 8.52183 6.06136 8.79519 5.78799 9.06856 5.51463 9.06856 5.07141 8.79519 4.79804L6.49966 2.50251C6.2263 2.22914 5.78308 2.22914 5.50971 2.50251L3.21418 4.79804C2.94081 5.07141 2.94081 5.51463 3.21418 5.78799ZM10.6649 5.71848C10.2783 5.71848 9.96494 6.03188 9.96494 6.41848 9.96494 6.80508 10.2783 7.11848 10.6649 7.11848H16.6862C17.0728 7.11848 17.3862 6.80508 17.3862 6.41848 17.3862 6.03188 17.0728 5.71848 16.6862 5.71848H10.6649ZM10.6649 9.28293C10.2783 9.28293 9.96494 9.59634 9.96494 9.98293 9.96494 10.3695 10.2783 10.6829 10.6649 10.6829H16.6862C17.0728 10.6829 17.3862 10.3695 17.3862 9.98293 17.3862 9.59634 17.0728 9.28293 16.6862 9.28293H10.6649ZM9.96494 13.5476C9.96494 13.161 10.2783 12.8476 10.6649 12.8476H16.6862C17.0728 12.8476 17.3862 13.161 17.3862 13.5476 17.3862 13.9342 17.0728 14.2476 16.6862 14.2476H10.6649C10.2783 14.2476 9.96494 13.9342 9.96494 13.5476Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconArrowsDragOutline.displayName = "IconArrowsDragOutline";

export default IconArrowsDragOutline;