// 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 SvgAiSettingsSpark = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.7883 0.846069H7.21136V2.56184C6.45413 2.81072 5.76666 3.21336 5.18588 3.73282L3.69862 2.87414L1.91016 5.97185L3.39643 6.82998C3.31797 7.20764 3.27674 7.59898 3.27674 7.99991C3.27674 8.40084 3.31798 8.79218 3.39643 9.16991L1.91016 10.028L3.69862 13.1257L5.18589 12.267C5.76666 12.7865 6.45413 13.1891 7.21136 13.438V15.1538H10.7883V13.438C11.5455 13.1891 12.233 12.7865 12.8138 12.267L14.301 13.1257L16.0895 10.028L14.6032 9.16991C14.6817 8.79218 14.7229 8.40084 14.7229 7.99991C14.7229 7.59898 14.6817 7.20764 14.6032 6.82998L16.0895 5.97185L14.301 2.87414L12.8138 3.73282C12.233 3.21336 11.5455 2.81072 10.7883 2.56184V0.846069Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M5.33317 8.00004C6.9628 8.00004 8.99982 5.963 8.99982 4.33338C8.99982 5.963 11.0369 8.00004 12.6665 8.00004C11.0369 8.00004 8.99982 10.0371 8.99982 11.6667C8.99982 10.0371 6.9628 8.00004 5.33317 8.00004Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
