// 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 SvgAiGeneratePortraitImageSpark = ({
  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="M9.6665 4H1.6665V15.3333H12.9998V7.33333M3.99984 15.0001V13.0589C5.01458 12.5931 6.14355 12.3335 7.33317 12.3335C8.52277 12.3335 9.65177 12.593 10.6665 13.0587V15M10.9998 3C12.3332 3 13.9998 1.33333 13.9998 0C13.9998 1.33333 15.6665 3 16.9998 3C15.6665 3 13.9998 4.66667 13.9998 6C13.9998 4.66667 12.3332 3 10.9998 3ZM5.3765 8.66667C5.3765 8.92931 5.42824 9.18938 5.52874 9.43203C5.62925 9.67468 5.77657 9.89516 5.96229 10.0809C6.14801 10.2666 6.36849 10.4139 6.61114 10.5144C6.85379 10.6149 7.11386 10.6667 7.3765 10.6667C7.63915 10.6667 7.89922 10.6149 8.14187 10.5144C8.38452 10.4139 8.605 10.2666 8.79072 10.0809C8.97643 9.89516 9.12375 9.67468 9.22426 9.43203C9.32477 9.18938 9.3765 8.92931 9.3765 8.66667C9.3765 8.13623 9.16579 7.62753 8.79072 7.25245C8.41564 6.87738 7.90694 6.66667 7.3765 6.66667C6.84607 6.66667 6.33736 6.87738 5.96229 7.25245C5.58722 7.62753 5.3765 8.13623 5.3765 8.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
