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

export const IconClick = 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-click`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.78017.799988C8.19438.799988 8.53017 1.13577 8.53017 1.54999V2.76559C8.53017 3.17981 8.19438 3.51559 7.78017 3.51559 7.36595 3.51559 7.03017 3.17981 7.03017 2.76559V1.54999C7.03017 1.13577 7.36595.799988 7.78017.799988ZM12.5601 3.00022C12.853 3.29311 12.853 3.76799 12.5601 4.06088L11.4977 5.12328C11.2048 5.41617 10.7299 5.41617 10.437 5.12328 10.1442 4.83038 10.1442 4.35551 10.437 4.06262L11.4994 3.00022C11.7923 2.70732 12.2672 2.70732 12.5601 3.00022ZM5.12329 11.4977C5.41619 11.2048 5.41619 10.7299 5.1233 10.437 4.8304 10.1441 4.35553 10.1441 4.06264 10.437L3.00023 11.4994C2.70734 11.7923 2.70734 12.2672 3.00023 12.5601 3.29313 12.853 3.768 12.853 4.06089 12.5601L5.12329 11.4977ZM.800049 7.78018C.800049 7.36597 1.13584 7.03018 1.55005 7.03018H2.93605C3.35026 7.03018 3.68605 7.36597 3.68605 7.78018 3.68605 8.1944 3.35026 8.53018 2.93605 8.53018H1.55005C1.13584 8.53018.800049 8.1944.800049 7.78018ZM3.99354 2.9329C3.70065 2.64 3.22577 2.64 2.93288 2.9329 2.63999 3.22579 2.63999 3.70066 2.93288 3.99356L4.06265 5.12332C4.35554 5.41621 4.83042 5.41621 5.12331 5.12332 5.4162 4.83043 5.4162 4.35555 5.12331 4.06266L3.99354 2.9329ZM6.77232 5.85293C6.51321 5.78307 6.23651 5.85698 6.04674 6.04674 5.85698 6.23651 5.78307 6.51321 5.85293 6.77232L8.59128 16.9283C8.66098 17.1868 8.8632 17.3886 9.12187 17.4577 9.38054 17.5267 9.65643 17.4527 9.84575 17.2634L11.4971 15.6121 14.0211 18.136C14.314 18.4289 14.7888 18.4289 15.0817 18.136L18.136 15.0817C18.2767 14.9411 18.3557 14.7503 18.3557 14.5514 18.3557 14.3525 18.2767 14.1617 18.136 14.0211L15.612 11.4971 17.2634 9.84577C17.4527 9.65645 17.5267 9.38056 17.4576 9.12189 17.3885 8.86322 17.1868 8.661 16.9283 8.5913L6.77232 5.85293Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconClick.displayName = "IconClick";

export default IconClick;