/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React, { useMemo } from 'react';
import Svg, { Path, Defs, G, ClipPath, Rect } from 'react-native-svg';
import { IconProps } from '../types';

export const Edit: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="18" height="18" viewBox="0 0 22 21" fill="none" {...props}>
      <G clipPath="url(#clip0_1118_26322)">
        <Path
          d="M15.4297 20.9986H3.19536C1.91537 20.9986 0.875 19.9582 0.875 18.6782V6.4439C0.875 5.16391 1.91537 4.12354 3.19536 4.12354H10.3672C10.7165 4.12354 11 4.40703 11 4.75635C11 5.10566 10.7165 5.38916 10.3672 5.38916H3.19536C2.614 5.38916 2.14062 5.86253 2.14062 6.4439V18.6782C2.14062 19.2596 2.614 19.733 3.19536 19.733H15.4297C16.0111 19.733 16.4844 19.2596 16.4844 18.6782V11.5064C16.4844 11.1571 16.7679 10.8736 17.1172 10.8736C17.4666 10.8736 17.7501 11.1563 17.7501 11.5064V18.6782C17.7501 19.9582 16.7097 20.9986 15.4297 20.9986Z"
          fill={color}
        />
        <Path
          d="M8.2764 14.23C8.11016 14.23 7.9481 14.1642 7.82914 14.0444C7.67897 13.895 7.61485 13.6798 7.65626 13.4731L8.25276 10.4897C8.27717 10.3665 8.33789 10.2542 8.42564 10.1665L17.1645 1.42867C18.0689 0.524102 19.5405 0.524102 20.4459 1.42867C20.8837 1.86651 21.125 2.4488 21.125 3.06895C21.125 3.68909 20.8837 4.27123 20.4449 4.70922L11.7071 13.4479C11.6194 13.5365 11.5063 13.5964 11.3839 13.6208L8.40123 14.2173C8.35983 14.2258 8.31765 14.23 8.2764 14.23ZM11.2599 13.0007H11.2684H11.2599ZM9.45597 10.926L9.08379 12.7906L10.9476 12.4176L19.5506 3.81485C19.7497 3.61478 19.8594 3.35075 19.8594 3.06895C19.8594 2.78715 19.7497 2.52296 19.5506 2.32304C19.1405 1.91209 18.4714 1.91209 18.0589 2.32304L9.45597 10.926Z"
          fill={color}
        />
        <Path
          d="M18.8046 6.08874C18.6427 6.08874 18.4806 6.0271 18.3575 5.90304L15.9713 3.51609C15.7241 3.26889 15.7241 2.86813 15.9713 2.62094C16.2185 2.37375 16.6192 2.37375 16.8666 2.62094L19.2526 5.00789C19.4998 5.25508 19.4998 5.65585 19.2526 5.90304C19.1285 6.02633 18.9666 6.08874 18.8046 6.08874Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1118_26322">
          <Rect width="20.25" height="20.25" fill="white" transform="translate(0.875 0.750244)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
