// 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 SvgClover = ({
  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
        d="M11.4479 4.55229C11.8015 4.19866 12.0002 3.71905 12.0002 3.21896C12.0002 2.17756 11.156 1.33334 10.1146 1.33334C9.61443 1.33334 9.13483 1.532 8.78123 1.88562L8.00016 2.66667L7.2191 1.88562C6.8655 1.532 6.38588 1.33334 5.88578 1.33334C4.84438 1.33334 4.00016 2.17756 4.00016 3.21896C4.00016 3.71905 4.19882 4.19866 4.55245 4.55229M11.4479 4.55229L8.00016 8M11.4479 4.55229C11.8015 4.19866 12.2811 4 12.7812 4C13.8226 4 14.6668 4.84422 14.6668 5.88562C14.6668 6.38572 14.4682 6.86534 14.1146 7.21894L13.3335 8L14.1146 8.78107C14.4682 9.13467 14.6668 9.61427 14.6668 10.1144C14.6668 11.1558 13.8226 12 12.7812 12C12.2811 12 11.8015 11.8013 11.4479 11.4477L8.00016 8M8.00016 8L4.55245 4.55229M8.00016 8L4.55245 11.4477C4.19882 11.8013 3.71921 12 3.21912 12C2.17772 12 1.3335 11.1558 1.3335 10.1144C1.3335 9.61427 1.53216 9.13467 1.88578 8.78107L2.66683 8L1.88578 7.21894C1.53216 6.86534 1.3335 6.38572 1.3335 5.88562C1.3335 4.84422 2.17772 4 3.21912 4C3.71921 4 4.19882 4.19866 4.55245 4.55229M8.00016 8L8.00016 15.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
