// 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 SvgOneVesusOne = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.72526 13.6655H1.66675V10.856C1.66675 10.856 3.44453 9.33219 7.00008 9.33219C7.11093 9.33219 7.22006 9.33366 7.32746 9.33652M8.64541 14.8346L9.12475 11H15.4581L15.9374 14.8346C16.0369 15.6304 15.4163 16.3333 14.6143 16.3333H14.1247L13.1247 14.6667H11.4581L10.4581 16.3333H9.96848C9.16648 16.3333 8.54595 15.6304 8.64541 14.8346ZM4.33408 4.33266C4.33408 5.03972 4.61496 5.71783 5.11493 6.2178C5.61491 6.71778 6.29301 6.99866 7.00008 6.99866C7.70715 6.99866 8.38526 6.71778 8.88523 6.2178C9.3852 5.71783 9.66608 5.03972 9.66608 4.33266C9.66608 3.62559 9.3852 2.94748 8.88523 2.44751C8.38526 1.94754 7.70715 1.66666 7.00008 1.66666C6.29301 1.66666 5.61491 1.94754 5.11493 2.44751C4.61496 2.94748 4.33408 3.62559 4.33408 4.33266Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
