// 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 SvgAiUpscaleSpark = ({
  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="M13.0493 13.0494L16.055 16.0551M4.7915 8.33329C6.36558 8.33329 8.33317 6.3657 8.33317 4.79163C8.33317 6.3657 10.3008 8.33329 11.8748 8.33329C10.3008 8.33329 8.33317 10.3009 8.33317 11.875C8.33317 10.3009 6.36558 8.33329 4.7915 8.33329ZM1.6665 8.33329C1.6665 10.1014 2.36888 11.7971 3.61912 13.0474C4.86937 14.2976 6.56506 15 8.33317 15C10.1013 15 11.797 14.2976 13.0472 13.0474C14.2974 11.7971 14.9998 10.1014 14.9998 8.33329C14.9998 6.56519 14.2974 4.86949 13.0472 3.61925C11.797 2.36901 10.1013 1.66663 8.33317 1.66663C6.56506 1.66663 4.86937 2.36901 3.61912 3.61925C2.36888 4.86949 1.6665 6.56519 1.6665 8.33329Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
