// 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 SvgGrape = ({
  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 6.33335C6 5.22879 5.10457 4.33335 4 4.33335C2.89543 4.33335 2 5.22879 2 6.33335C2 7.43792 2.89543 8.33335 4 8.33335C5.10457 8.33335 6 7.43792 6 6.33335ZM6 6.33335C6 5.22879 6.8954 4.33335 8 4.33335M6 6.33335C6 7.43792 6.8954 8.33335 8 8.33335C9.1046 8.33335 10 7.43792 10 6.33335M10 6.33335C10 5.22879 9.1046 4.33335 8 4.33335M10 6.33335C10 5.22879 10.8954 4.33335 12 4.33335C13.1046 4.33335 14 5.22879 14 6.33335C14 7.43792 13.1046 8.33335 12 8.33335C10.8954 8.33335 10 7.43792 10 6.33335ZM8 4.33335C8 2.86059 6.80607 1.66669 5.33333 1.66669M8 4.33335C8 2.86059 9.19393 1.66669 10.6667 1.66669M8 10.3334C8 9.22875 7.1046 8.33335 6 8.33335C4.89543 8.33335 4 9.22875 4 10.3334C4 11.438 4.89543 12.3334 6 12.3334C7.1046 12.3334 8 11.438 8 10.3334ZM8 10.3334C8 9.22875 8.8954 8.33335 10 8.33335C11.1046 8.33335 12 9.22875 12 10.3334C12 11.438 11.1046 12.3334 10 12.3334C8.8954 12.3334 8 11.438 8 10.3334ZM10 14.3334C10 13.2288 9.1046 12.3334 8 12.3334C6.8954 12.3334 6 13.2288 6 14.3334C6 15.438 6.8954 16.3334 8 16.3334C9.1046 16.3334 10 15.438 10 14.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
