// 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 SvgBow = ({
  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="M15.3333 1.66666L11.5755 5.42448M15.3333 1.66666H12M15.3333 1.66666L15.3333 5M2.63672 14.3633L10 7M0.376465 3.07363C3.94615 1.68206 7.4946 2.3553 10.1626 4.2341C11.1719 4.94488 12.0552 5.82818 12.766 6.8375C14.6448 9.50546 15.3181 13.0539 13.9265 16.6236M3.35596 2.46883L3.38775 13.6125L14.5743 13.6417M0 14.3653H2.63472V16.9999"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
