// 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 SvgClubsSymbol = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.3854 6.15282C10.771 5.64813 11 5.01747 11 4.33333C11 2.67647 9.65683 1.33333 7.99996 1.33333C6.34311 1.33333 4.99996 2.67647 4.99996 4.33333C4.99996 5.01747 5.22897 5.64813 5.61451 6.15282C5.31657 6.05367 4.99787 5.99999 4.66663 5.99999C3.00977 5.99999 1.66663 7.34313 1.66663 8.99999C1.66663 10.6569 3.00977 12 4.66663 12C5.36036 12 5.9991 11.7645 6.50727 11.3691L5.99996 14.6667H9.99996L9.49263 11.3691C10.0008 11.7645 10.6396 12 11.3333 12C12.9902 12 14.3333 10.6569 14.3333 8.99999C14.3333 7.34313 12.9902 5.99999 11.3333 5.99999C11.002 5.99999 10.6834 6.05368 10.3854 6.15282Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
