// 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 SvgWarpFlag = ({
  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 7.7335L2.32277 7.20576C2.98165 6.85436 3.75582 6.66683 4.54771 6.66683C5.48605 6.66683 6.39468 6.93003 7.11552 7.41056L8.88432 8.58976C9.60512 9.0703 10.5138 9.3335 11.4521 9.3335C12.244 9.3335 13.0182 9.14596 13.6771 8.79456L14.6666 8.26683M2.32277 12.5391L1.33325 13.0668V2.40016L2.32277 1.87242C2.98165 1.52102 3.75582 1.3335 4.54771 1.3335C5.48605 1.3335 6.39468 1.59668 7.11552 2.07724L8.88432 3.25642C9.60512 3.73698 10.5138 4.00016 11.4521 4.00016C12.244 4.00016 13.0182 3.81264 13.6771 3.46124L14.6666 2.9335V13.6002L13.6771 14.1279C13.0182 14.4793 12.244 14.6668 11.4521 14.6668C10.5138 14.6668 9.60512 14.4036 8.88432 13.9231L7.11552 12.7439C6.39468 12.2634 5.48605 12.0002 4.54771 12.0002C3.75582 12.0002 2.98165 12.1877 2.32277 12.5391Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
