// 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 SvgPeaceHand = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.6667 9.00008L12 1.66675H10.4399C9.79827 1.66675 9.24767 2.12373 9.1294 2.75436L8.45833 6.33342H7.54167L6.66667 1.66675H5.59762C4.76575 1.66675 4.13698 2.42014 4.28579 3.23859L5.33333 9.00008L2 11.0001L4.43808 16.3334M7.33333 16.3335H9.3332C11.5423 16.3335 13.3332 14.5426 13.3332 12.3335V9.00008H8V10.3334C8 11.0698 8.59693 11.6667 9.33333 11.6667H10.6668M11.3335 11.6667H10C8.8954 11.6667 8 12.5621 8 13.6667V14.3334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
