// 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 SvgAllergens = ({
  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="M5.37758 0.415367V1.61038M10.6225 15.7513V14.5563M9.18009 1.99L8.33508 2.83499M6.81995 14.1767L7.66495 13.3317M5.37758 9.9752V11.1702M10.6225 6.19149V4.99648M2.4201 8.75027L1.57511 9.59527M13.58 7.41767L14.425 6.57265M1.19501 5.79314H0M14.805 10.3735H16M2.42007 2.83602L1.57507 1.99102M13.58 13.3319L14.425 14.1769M2.66669 5.726C2.66669 6.43325 2.94764 7.11152 3.44773 7.61162C3.94783 8.11172 4.62611 8.39267 5.33335 8.39267C6.0406 8.39267 6.71887 8.11172 7.21897 7.61162C7.71907 7.11152 8.00002 6.43325 8.00002 5.726C8.00002 5.01876 7.71907 4.34048 7.21897 3.84038C6.71887 3.34029 6.0406 3.05934 5.33335 3.05934C4.62611 3.05934 3.94783 3.34029 3.44773 3.84038C2.94764 4.34048 2.66669 5.01876 2.66669 5.726ZM8.00002 10.374C8.00002 11.0812 8.28097 11.7595 8.78107 12.2596C9.28116 12.7597 9.95944 13.0407 10.6667 13.0407C11.3739 13.0407 12.0522 12.7597 12.5523 12.2596C13.0524 11.7595 13.3334 11.0812 13.3334 10.374C13.3334 9.66676 13.0524 8.98848 12.5523 8.48838C12.0522 7.98829 11.3739 7.70734 10.6667 7.70734C9.95944 7.70734 9.28116 7.98829 8.78107 8.48838C8.28097 8.98848 8.00002 9.66676 8.00002 10.374Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
