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

export const IconSvgOutline = 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-svg-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.48981 5.068 3.48982 3.58154H16.5101L16.5101 5.06799C16.5101 5.4822 16.8459 5.81799 17.2601 5.81799 17.6743 5.818 18.0101 5.48221 18.0101 5.068L18.0101 3.30945C18.0101 2.95753 17.8545 2.63769 17.6075 2.41475 17.3631 2.19411 17.2465 2.08154 16.7306 2.08154H3.26933C2.95339 2.08154 2.63687 2.19411 2.3924 2.41475 2.1454 2.63768 1.98982 2.95752 1.98982 3.30944L1.98981 5.06799C1.9898 5.4822 2.32559 5.81799 2.7398 5.81799 3.15402 5.818 3.4898 5.48221 3.48981 5.068ZM3.48982 14.8864C3.48982 14.4722 3.15403 14.1364 2.73982 14.1364 2.32561 14.1364 1.98982 14.4722 1.98982 14.8864V16.6908C1.98982 17.0427 2.1454 17.3626 2.3924 17.5855 2.63687 17.8061 2.95339 17.9187 3.26933 17.9187H16.7306C17.0465 17.9187 17.363 17.8061 17.6075 17.5855 17.8545 17.3626 18.0101 17.0427 18.0101 16.6908V14.8864C18.0101 14.4722 17.6743 14.1364 17.2601 14.1364 16.8459 14.1364 16.5101 14.4722 16.5101 14.8864V16.4187H3.48982V14.8864ZM12.1055 7.69997C12.2159 7.30074 11.9818 6.8876 11.5826 6.7772 11.1833 6.6668 10.7702 6.90094 10.6598 7.30017L10.0005 9.68416 9.34235 7.30045C9.2321 6.90118 8.81906 6.66688 8.41978 6.77712 8.02051 6.88736 7.78621 7.30041 7.89645 7.69968L9.27702 12.6997C9.36679 13.0248 9.66254 13.25 9.99982 13.2501 10.3371 13.2501 10.6329 13.025 10.7228 12.7L12.1055 7.69997ZM4.49684 8.39651C4.59061 8.30275 4.71778 8.25007 4.85039 8.25007H6.24996C6.66418 8.25007 6.99996 7.91428 6.99996 7.50007 6.99996 7.08585 6.66418 6.75007 6.24996 6.75007H4.85039C4.31996 6.75007 3.81125 6.96078 3.43618 7.33585 3.0611 7.71093 2.85039 8.21964 2.85039 8.75007 2.85039 9.2805 3.0611 9.78921 3.43618 10.1643 3.81125 10.5394 4.31996 10.7501 4.85039 10.7501H5.41663C5.54924 10.7501 5.67642 10.8027 5.77018 10.8965 5.86395 10.9903 5.91663 11.1175 5.91663 11.2501 5.91663 11.3827 5.86395 11.5099 5.77018 11.6036 5.67642 11.6974 5.54924 11.7501 5.41663 11.7501H3.74996C3.33575 11.7501 2.99996 12.0859 2.99996 12.5001 2.99996 12.9143 3.33575 13.2501 3.74996 13.2501H5.41663C5.94706 13.2501 6.45577 13.0394 6.83084 12.6643 7.20592 12.2892 7.41663 11.7805 7.41663 11.2501 7.41663 10.7196 7.20592 10.2109 6.83084 9.83585 6.45577 9.46078 5.94706 9.25007 5.41663 9.25007H4.85039C4.71778 9.25007 4.59061 9.19739 4.49684 9.10362 4.40307 9.00985 4.35039 8.88268 4.35039 8.75007 4.35039 8.61746 4.40307 8.49028 4.49684 8.39651ZM13.95 6.75007C13.4253 6.75007 13 7.1754 13 7.70007V12.3001C13 12.8247 13.4253 13.2501 13.95 13.2501H16.2225C16.7472 13.2501 17.1725 12.8247 17.1725 12.3001V10.5001C17.1725 10.0859 16.8367 9.75007 16.4225 9.75007 16.0083 9.75007 15.6725 10.0859 15.6725 10.5001V11.7501H14.5V8.25007H16.3215C16.7357 8.25007 17.0715 7.91428 17.0715 7.50007 17.0715 7.08585 16.7357 6.75007 16.3215 6.75007H13.95Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSvgOutline.displayName = "IconSvgOutline";

export default IconSvgOutline;