// 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 SvgAllergensSoyBean = ({
  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="M6.33333 8.33335C7.1328 8.21888 8.21887 7.13288 8.33333 6.33335M7.8382 2.50492C9.40033 0.942818 11.933 0.942818 13.4951 2.50492C14.2761 3.28597 14.6667 4.30965 14.6667 5.33333C14.6667 10.4793 10.495 14.6667 5.34901 14.6667C4.32007 14.6707 3.28988 14.2801 2.50483 13.4951C0.942727 11.933 0.942727 9.40035 2.50483 7.83828C3.1405 7.20261 3.93691 6.82561 4.76322 6.70728C5.54034 6.59601 6.59595 5.54041 6.7072 4.76329C6.82553 3.93698 7.20253 3.14059 7.8382 2.50492Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
