// 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 SvgChessPawn = ({
  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="M6.59061 6.97215L5.18123 13.6667H10.8187L9.40932 6.97215M5.18125 4.506C5.18125 5.25356 5.47822 5.97049 6.00682 6.4991C6.53542 7.0277 7.25236 7.32467 7.99992 7.32467C8.74748 7.32467 9.46442 7.0277 9.99302 6.4991C10.5216 5.97049 10.8186 5.25356 10.8186 4.506C10.8186 3.75844 10.5216 3.0415 9.99302 2.5129C9.46442 1.9843 8.74748 1.68733 7.99992 1.68733C7.25236 1.68733 6.53542 1.9843 6.00682 2.5129C5.47822 3.0415 5.18125 3.75844 5.18125 4.506ZM2.87964 16.3375L3.76994 13.6667H12.2299L13.1202 16.3375H2.87964Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
