// 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 SvgWarpFish = ({
  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="M12.3333 5.334C13.1833 5.334 13.9802 5.0639 14.6666 4.66683V11.3335C13.9802 10.9364 13.1833 10.6674 12.3333 10.6674C11.6996 10.6674 11.0987 10.9488 10.693 11.4356L9.06692 13.3866C8.39085 14.1978 7.38932 14.6668 6.33332 14.6668C5.27722 14.6668 4.27567 14.1978 3.59957 13.3864L1.33325 10.6668V5.3335L3.59966 2.61382C4.27571 1.80256 5.27716 1.3335 6.33318 1.3335C7.38925 1.3335 8.39079 1.80262 9.06685 2.61398L10.6931 4.56574C11.0987 5.05254 11.6997 5.334 12.3333 5.334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
