// 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 SvgWarpWave = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.33325 5.06683L2.32277 4.53909C2.98165 4.18768 3.75582 4.00016 4.54771 4.00016C5.48605 4.00016 6.39468 4.26334 7.11552 4.74391L8.88432 5.92308C9.60512 6.40365 10.5138 6.66683 11.4521 6.66683C12.244 6.66683 13.0182 6.47931 13.6771 6.1279L14.6666 5.60016M1.33325 10.4002L2.32277 9.87243C2.98165 9.52103 3.75582 9.3335 4.54771 9.3335C5.48605 9.3335 6.39468 9.5967 7.11552 10.0772L8.88432 11.2564C9.60512 11.737 10.5138 12.0002 11.4521 12.0002C12.244 12.0002 13.0182 11.8126 13.6771 11.4612L14.6666 10.9335M1.33325 1.3335H14.6666V14.6668H1.33325V1.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
