// 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 SvgAllergensCelery = ({
  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="M9.66646 6.33332V1.66666C10.5202 1.66666 11.3389 2.0058 11.9426 2.60946L12.3331 2.99999L12.669 2.77606C13.7541 2.05267 15.029 1.66666 16.3331 1.66666C16.3331 2.97076 15.9471 4.24568 15.2237 5.33076L14.9998 5.66666L15.3903 6.05718C15.994 6.66085 16.3331 7.4796 16.3331 8.33332H11.6665M9.66646 6.33332L11.6665 8.33332M9.66646 6.33332L1.6665 11.6667C1.6665 14.244 3.75584 16.3333 6.33317 16.3333L11.6665 8.33332"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
