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

export const IconScanCheckOutline = 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-scan-check-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5 2.375C3.55025 2.375 2.375 3.55025 2.375 5V6.25C2.375 6.66421 2.71079 7 3.125 7 3.53921 7 3.875 6.66421 3.875 6.25V5C3.875 4.37868 4.37868 3.875 5 3.875H6.25C6.66421 3.875 7 3.53921 7 3.125 7 2.71079 6.66421 2.375 6.25 2.375H5ZM13.75 2.375C13.3358 2.375 13 2.71079 13 3.125 13 3.53921 13.3358 3.875 13.75 3.875H15C15.6213 3.875 16.125 4.37868 16.125 5V6.25C16.125 6.66421 16.4608 7 16.875 7 17.2892 7 17.625 6.66421 17.625 6.25V5C17.625 3.55025 16.4497 2.375 15 2.375H13.75ZM3.875 13.75C3.875 13.3358 3.53921 13 3.125 13 2.71079 13 2.375 13.3358 2.375 13.75V15C2.375 16.4497 3.55025 17.625 5 17.625H6.25C6.66421 17.625 7 17.2892 7 16.875 7 16.4608 6.66421 16.125 6.25 16.125H5C4.37868 16.125 3.875 15.6213 3.875 15V13.75ZM17.625 13.75C17.625 13.3358 17.2892 13 16.875 13 16.4608 13 16.125 13.3358 16.125 13.75V15C16.125 15.6213 15.6213 16.125 15 16.125H13.75C13.3358 16.125 13 16.4608 13 16.875 13 17.2892 13.3358 17.625 13.75 17.625H15C16.4497 17.625 17.625 16.4497 17.625 15V13.75ZM5 9.25C4.58579 9.25 4.25 9.58579 4.25 10 4.25 10.4142 4.58579 10.75 5 10.75H15C15.4142 10.75 15.75 10.4142 15.75 10 15.75 9.58579 15.4142 9.25 15 9.25H5Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconScanCheckOutline.displayName = "IconScanCheckOutline";

export default IconScanCheckOutline;