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

export const IconContrastViewOutline = 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-contrast-view-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 1.36133C10.4142 1.36133 10.75 1.69711 10.75 2.11133V2.54395H11.5781C11.9921 2.5441 12.3279 2.88001 12.3281 3.29395C12.3281 3.70806 11.9922 4.04379 11.5781 4.04395H10.75V15.9561H11.1836C11.5977 15.9562 11.9336 16.2919 11.9336 16.7061C11.9334 17.12 11.5976 17.4559 11.1836 17.4561H10.75V17.8896C10.7498 18.3037 10.4141 18.6396 10 18.6396C9.5859 18.6396 9.25019 18.3037 9.25 17.8896V17.4561H3.29395C2.88001 17.4559 2.5442 17.12 2.54395 16.7061V3.29395C2.54416 2.88 2.87998 2.54409 3.29395 2.54395H9.25V2.11133C9.25 1.69711 9.58579 1.36133 10 1.36133ZM14.3389 15.9561C14.753 15.9561 15.0889 16.2919 15.0889 16.7061C15.0887 17.12 14.7529 17.456 14.3389 17.4561H13.5498C13.1359 17.4558 12.8 17.12 12.7998 16.7061C12.7998 16.292 13.1358 15.9563 13.5498 15.9561H14.3389ZM16.7061 15.167C17.1201 15.1671 17.456 15.5029 17.4561 15.917V16.7061C17.456 17.1201 17.1201 17.4559 16.7061 17.4561C16.2919 17.4561 15.9561 17.1202 15.9561 16.7061V15.917C15.9561 15.5028 16.2919 15.167 16.7061 15.167ZM4.04395 15.9561H9.25V4.04395H4.04395V15.9561ZM16.7061 12.0117C17.1201 12.0119 17.4561 12.3476 17.4561 12.7617V13.5508C17.4558 13.9647 17.12 14.3006 16.7061 14.3008C16.292 14.3008 15.9563 13.9648 15.9561 13.5508V12.7617C15.9561 12.3475 16.2918 12.0117 16.7061 12.0117ZM16.7061 8.85547C17.1201 8.85561 17.456 9.19138 17.4561 9.60547V10.3945C17.456 10.8086 17.1201 11.1444 16.7061 11.1445C16.2919 11.1445 15.9561 10.8087 15.9561 10.3945V9.60547C15.9561 9.19129 16.2919 8.85547 16.7061 8.85547ZM16.7061 5.7002C17.1201 5.70034 17.4561 6.03607 17.4561 6.4502V7.23926C17.4558 7.6532 17.12 7.98912 16.7061 7.98926C16.292 7.98926 15.9563 7.65329 15.9561 7.23926V6.4502C15.9561 6.03598 16.2918 5.7002 16.7061 5.7002ZM16.7061 2.54395C17.12 2.54409 17.4558 2.88 17.4561 3.29395V4.08301C17.456 4.49707 17.1201 4.83287 16.7061 4.83301C16.2919 4.83301 15.9561 4.49716 15.9561 4.08301V3.29395C15.9563 2.87991 16.292 2.54395 16.7061 2.54395ZM14.3389 2.54395C14.7529 2.54402 15.0887 2.87996 15.0889 3.29395C15.0889 3.70811 14.753 4.04387 14.3389 4.04395H13.5498C13.1358 4.04374 12.7998 3.70803 12.7998 3.29395C12.8 2.88004 13.1359 2.54415 13.5498 2.54395H14.3389Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconContrastViewOutline.displayName = "IconContrastViewOutline";

export default IconContrastViewOutline;