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

export const IconFileDocumentCheckOutline = 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-file-document-check-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M3 17.1875V2.8125C3 1.88052 3.75552 1.125 4.6875 1.125H8.75C13.3063 1.125 17 4.81865 17 9.375V17.1875C17 18.1195 16.2445 18.875 15.3125 18.875H4.6875C3.75552 18.875 3 18.1195 3 17.1875ZM11.8896 9.56445C12.1303 9.22749 12.5985 9.14913 12.9355 9.38965C13.2725 9.63034 13.3509 10.0985 13.1104 10.4355L9.98535 14.8105C9.85721 14.9899 9.65624 15.1039 9.43652 15.1221C9.21691 15.1402 9.00055 15.0611 8.84473 14.9053L6.96973 13.0303C6.67683 12.7374 6.67683 12.2626 6.96973 11.9697C7.26262 11.6768 7.73738 11.6768 8.03027 11.9697L9.2793 13.2188L11.8896 9.56445ZM12 5.9375C12 6.04105 12.0839 6.125 12.1875 6.125H13.4375C13.9234 6.125 14.3866 6.2223 14.8086 6.39844C14.1503 5.06108 13.0631 3.97346 11.7256 3.31543C11.902 3.73779 12 4.20116 12 4.6875V5.9375ZM4.5 17.1875C4.5 17.2911 4.58395 17.375 4.6875 17.375H15.3125C15.4161 17.375 15.5 17.2911 15.5 17.1875V9.6875C15.5 8.54841 14.5766 7.625 13.4375 7.625H12.1875C11.2555 7.625 10.5 6.86948 10.5 5.9375V4.6875C10.5 3.54841 9.57659 2.625 8.4375 2.625H4.6875C4.58395 2.625 4.5 2.70895 4.5 2.8125V17.1875Z"
        fill={color}
      />
    </svg>
  );
});

IconFileDocumentCheckOutline.displayName = "IconFileDocumentCheckOutline";

export default IconFileDocumentCheckOutline;