// 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 SvgBanana = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.71269 7.33334C2.76069 6.2502 2.06925 4.9224 1.74023 3.51378L3.35821 2.00001C5.17463 4.28314 7.29036 5.06346 9.50717 5.13652C11.2351 5.19346 12.8629 4.6949 14.1251 3.77233M10.9269 1.33334L11.3269 1.86668C12.3341 3.20964 13.9148 4.00001 15.5936 4.00001M14.2745 4.00001C13.9025 5.98214 12.5072 7.80274 10.4822 8.88741C8.53457 9.93054 6.33357 10.3333 3.6669 9.33334L3.00023 11.4021C5.33798 13.8587 9.29123 14.8522 12.4685 13.1504C15.9321 11.2952 17.3138 7.28701 15.5968 4.00001H14.2745Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
