// 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 SvgCherries = ({
  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="M3.3335 1.33334H10.0002M4.66683 8.00001C5.55088 8.00001 6.39873 8.3512 7.02385 8.97632C7.64897 9.60144 8.00016 10.4493 8.00016 11.3333C8.00016 12.2174 7.64897 13.0652 7.02385 13.6904C6.39873 14.3155 5.55088 14.6667 4.66683 14.6667C3.78277 14.6667 2.93493 14.3155 2.30981 13.6904C1.68469 13.0652 1.3335 12.2174 1.3335 11.3333C1.3335 10.4493 1.68469 9.60144 2.30981 8.97632C2.93493 8.3512 3.78277 8.00001 4.66683 8.00001ZM4.66683 8.00001L6.3335 1.33334M7.00016 1.33334L9.3335 6.66668M3.3335 11.3333C3.3335 10.5969 3.93045 10 4.66683 10M10.0002 9.33334C10.0002 8.59694 10.5971 8.00001 11.3335 8.00001M8.00016 9.33334C8.00016 10.2174 8.35135 11.0652 8.97647 11.6904C9.60159 12.3155 10.4494 12.6667 11.3335 12.6667C12.2176 12.6667 13.0654 12.3155 13.6905 11.6904C14.3156 11.0652 14.6668 10.2174 14.6668 9.33334C14.6668 8.44929 14.3156 7.60144 13.6905 6.97632C13.0654 6.3512 12.2176 6.00001 11.3335 6.00001C10.4494 6.00001 9.60159 6.3512 8.97647 6.97632C8.35135 7.60144 8.00016 8.44929 8.00016 9.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
