// 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 SvgChessBishop = ({
  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="M8.00017 3.79006C8.00017 3.79006 5.17826 5.84768 5.17826 7.90533C5.17826 8.7562 5.52534 9.52266 6.08007 10.0594L5.17826 13.6667M8.00017 3.79006C8.00017 3.79006 10.8221 5.84768 10.8221 7.90533C10.8221 8.7562 10.475 9.52266 9.92031 10.0594L10.8221 13.6667M8.00017 3.79006C7.86124 3.79006 7.72352 3.76263 7.59516 3.70946C7.4668 3.65629 7.35017 3.57836 7.25192 3.48011C7.15368 3.38187 7.07575 3.26524 7.02258 3.13688C6.96941 3.00851 6.94204 2.87093 6.94204 2.732C6.94204 2.59306 6.96941 2.45548 7.02258 2.32712C7.07575 2.19875 7.15368 2.08212 7.25192 1.98388C7.35017 1.88563 7.4668 1.8077 7.59516 1.75453C7.72352 1.70136 7.8611 1.674 8.00004 1.674C8.13898 1.674 8.27656 1.70136 8.40492 1.75453C8.53328 1.8077 8.64992 1.88563 8.74816 1.98388C8.8464 2.08212 8.92434 2.19875 8.97751 2.32712C9.03068 2.45548 9.05804 2.59306 9.05804 2.732C9.05804 2.87093 9.03068 3.00851 8.97751 3.13688C8.92434 3.26524 8.8464 3.38187 8.74816 3.48011C8.64992 3.57836 8.53328 3.65629 8.40492 3.70946C8.27656 3.76263 8.13911 3.79006 8.00017 3.79006ZM9.76311 5.55377L8.35277 6.96416M2.87976 16.3375L3.77006 13.6667H12.23L13.1203 16.3375H2.87976Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
