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

export const IconCheckListOutline = 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-check-list-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.81558 7.3795V3.91543H15.1845V5.56906C15.6901 5.45713 16.2259 5.51551 16.7 5.74419V3.48242C16.7 2.88456 16.2154 2.3999 15.6175 2.3999H4.38257C3.78471 2.3999 3.30005 2.88456 3.30005 3.48242V7.81251C3.30005 8.41037 3.78471 8.89503 4.38257 8.89503H7.11886C7.18312 8.81004 7.25399 8.72845 7.33148 8.65096C8.23983 7.74261 9.71256 7.74261 10.6209 8.65096L10.865 8.89503H11.3449L12.8604 7.3795H4.81558ZM15.0038 7.3795H15.0037L13.4881 8.89503H13.4882L11.3232 11.0601H11.3231L11.105 11.2782L9.54935 9.72261C9.23285 9.40611 8.71971 9.40611 8.40321 9.72261C8.08671 10.0391 8.08671 10.5523 8.40321 10.8688L8.59451 11.0601H8.59443L10.11 12.5756H10.11L10.5246 12.9901L10.5319 12.9975C10.8484 13.314 11.3615 13.314 11.678 12.9975L16.2626 8.41294C16.5791 8.09644 16.5791 7.58329 16.2626 7.26679C16.1153 7.11943 15.9253 7.04068 15.7323 7.03054C15.6972 7.02869 15.662 7.02912 15.627 7.03181C15.4694 7.04393 15.3147 7.10194 15.1845 7.20585V7.20592C15.161 7.22471 15.1383 7.245 15.1165 7.26679L15.0038 7.3795ZM4.38257 11.0601H6.77884C6.89043 11.3816 7.07465 11.6836 7.33148 11.9404L7.96667 12.5756H4.81558V16.0397H15.1845V12.5756H14.2432L15.7506 11.0682C16.2857 11.1337 16.7 11.5898 16.7 12.1426V16.4727C16.7 17.0705 16.2154 17.5552 15.6175 17.5552H4.38257C3.78471 17.5552 3.30005 17.0705 3.30005 16.4727V12.1426C3.30005 11.5447 3.78471 11.0601 4.38257 11.0601Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCheckListOutline.displayName = "IconCheckListOutline";

export default IconCheckListOutline;