// 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 SvgAllergensPeanut = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.00008 13V14.3333M9.00008 11.6667V13M12.3334 6.33332V7.66666M7.00008 10.3333V11.6667M12.3334 9.66666C14.5425 9.66666 16.3334 7.87579 16.3334 5.66666C16.3334 3.45752 14.5425 1.66666 12.3334 1.66666C10.1243 1.66666 8.33341 3.45752 8.33341 5.66666C8.33341 5.72325 8.33461 5.77956 8.33695 5.83558C7.90968 5.72532 7.46174 5.66666 7.00008 5.66666C4.05456 5.66666 1.66675 8.05446 1.66675 11C1.66675 13.9455 4.05456 16.3333 7.00008 16.3333C9.94562 16.3333 12.3334 13.9455 12.3334 11C12.3334 10.5383 12.2747 10.0904 12.1645 9.66312C12.2205 9.66546 12.2768 9.66666 12.3334 9.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
