// 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 SvgWarpTwist = ({
  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="M7.99992 1.3335L8.59365 2.2241C9.07592 2.94748 9.33325 3.79743 9.33325 4.66683C9.33325 5.53623 9.07592 6.38618 8.59365 7.10956L7.40619 8.89076C6.92392 9.61416 6.66659 10.4641 6.66659 11.3335C6.66659 12.2029 6.92392 13.0528 7.40619 13.7762L7.99992 14.6668M14.6666 8.00016L13.776 8.5939C13.0526 9.07616 12.2027 9.3335 11.3333 9.3335C10.4639 9.3335 9.61392 9.07616 8.89052 8.5939L7.10932 7.40643C6.38593 6.92416 5.53598 6.66683 4.66658 6.66683C3.79719 6.66683 2.94724 6.92416 2.22385 7.40643L1.33325 8.00016M1.33325 1.3335H14.6666V14.6668H1.33325V1.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
