// 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 SvgAllergensEgg = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.99984 8.99999C8.5521 8.99999 8.99984 9.44772 8.99984 9.99999M7.99984 13C9.6567 13 10.9998 11.6569 10.9998 9.99999C10.9998 8.34312 9.6567 6.99999 7.99984 6.99999C6.34298 6.99999 4.99984 8.34312 4.99984 9.99999C4.99984 11.6569 6.34298 13 7.99984 13ZM7.99984 16.3333C11.4976 16.3333 14.3332 13.4978 14.3332 9.99999C14.3332 6.50218 11.3332 1.66666 7.99984 1.66666C4.6665 1.66666 1.6665 6.50218 1.6665 9.99999C1.6665 13.4978 4.50203 16.3333 7.99984 16.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
