// 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 SvgAllergensLupin = ({
  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="M6.00008 3.33334V4.66668M6.00008 11.3333V12.6667M12.0001 7.33334V8.66668M1.66675 4.00001C1.66675 2.52725 2.86065 1.33334 4.33341 1.33334C5.80617 1.33334 8.33341 2.33334 8.33341 4.00001C8.33341 5.66668 5.80617 6.66668 4.33341 6.66668C2.86065 6.66668 1.66675 5.47277 1.66675 4.00001ZM1.66675 12C1.66675 10.5273 2.86065 9.33334 4.33341 9.33334C5.80617 9.33334 8.33341 10.3333 8.33341 12C8.33341 13.6667 5.80617 14.6667 4.33341 14.6667C2.86065 14.6667 1.66675 13.4727 1.66675 12ZM16.3334 8.00001C16.3334 6.52725 15.1395 5.33334 13.6667 5.33334C12.194 5.33334 9.66675 6.33334 9.66675 8.00001C9.66675 9.66668 12.194 10.6667 13.6667 10.6667C15.1395 10.6667 16.3334 9.47274 16.3334 8.00001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
