// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgPhotoRetouch = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2.60018 7.62573H7.49148C8.57612 7.62573 9.45538 6.7464 9.45538 5.66179C9.45538 7.15573 10.6664 7.62573 12.1604 7.62573M2.34786 9.4046L1.76392 15.3335H14.8156L14.2316 9.4046M5.95532 10.3663V9.0488M10.5832 10.3663V9.0488M6.38436 11.6826C6.80955 12.2951 7.51796 12.6961 8.32005 12.6961C9.12212 12.6961 9.83052 12.2951 10.2557 11.6826M8.99992 3.52017C8.76052 3.49074 8.51665 3.47559 8.26925 3.47559C4.99484 3.47559 2.34041 6.13007 2.34041 9.40447C2.34041 12.6789 4.99484 15.3333 8.26925 15.3333C11.5436 15.3333 14.1981 12.6789 14.1981 9.40447C14.1981 9.03873 14.165 8.68073 14.1016 8.33333M10.2646 3.33333C11.746 3.33333 13.5979 1.48148 13.5979 0C13.5979 1.48148 15.4498 3.33333 16.9312 3.33333C15.4498 3.33333 13.5979 5.18519 13.5979 6.66667C13.5979 5.18519 11.746 3.33333 10.2646 3.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
