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

export const IconRowDeleteOutline = 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-row-delete-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M17 12.25C17.9665 12.25 18.75 13.0335 18.75 14V17C18.75 17.9665 17.9665 18.75 17 18.75H3C2.0335 18.75 1.25 17.9665 1.25 17V14C1.25 13.0335 2.0335 12.25 3 12.25H17ZM3 13.75C2.86193 13.75 2.75 13.8619 2.75 14V17C2.75 17.1381 2.86193 17.25 3 17.25H17C17.1381 17.25 17.25 17.1381 17.25 17V14C17.25 13.8619 17.1381 13.75 17 13.75H3Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M11.2354 6.29785C11.5282 6.00516 12.0031 6.00509 12.2959 6.29785C12.5887 6.59069 12.5886 7.06549 12.2959 7.3584L11.0586 8.5957L12.2959 9.83398L12.3477 9.89062C12.5876 10.1852 12.5704 10.6201 12.2959 10.8945C12.0215 11.1688 11.5875 11.1859 11.293 10.9463L11.2354 10.8945L9.99805 9.65723L8.76074 10.8945L8.70312 10.9463C8.40855 11.1862 7.97368 11.169 7.69922 10.8945C7.42482 10.6201 7.40756 10.1852 7.64746 9.89062L7.69922 9.83398L8.9375 8.5957L7.69922 7.3584C7.40674 7.06552 7.40657 6.59063 7.69922 6.29785C7.99211 6.00496 8.46785 6.00496 8.76074 6.29785L9.99805 7.53516L11.2354 6.29785Z"
          fill={color}
        />
        <path
          d="M17 2.25C17.9665 2.25 18.75 3.0335 18.75 4V7C18.75 7.9665 17.9665 8.75 17 8.75H15C14.5858 8.75 14.25 8.41421 14.25 8C14.25 7.58579 14.5858 7.25 15 7.25H17C17.1381 7.25 17.25 7.13807 17.25 7V4C17.25 3.86193 17.1381 3.75 17 3.75H3C2.86193 3.75 2.75 3.86193 2.75 4V7C2.75 7.13807 2.86193 7.25 3 7.25H4.5C4.91421 7.25 5.25 7.58579 5.25 8C5.25 8.41421 4.91421 8.75 4.5 8.75H3C2.0335 8.75 1.25 7.9665 1.25 7V4C1.25 3.0335 2.0335 2.25 3 2.25H17Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconRowDeleteOutline.displayName = "IconRowDeleteOutline";

export default IconRowDeleteOutline;