// 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 SvgSaladVegetableDiet = ({
  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="M6.66658 7.99998H13.3333C13.3333 6.15903 11.8409 4.66665 9.99992 4.66665C8.15898 4.66665 6.66658 6.15903 6.66658 7.99998ZM6.66658 7.99998C6.66658 6.76478 7.33838 5.68655 8.33658 5.11067L8.66658 2.27837L6.5277 2.91493L4.50868 1.33331L3.47214 3.82431L1.33325 4.46088L3.84051 7.99998H6.66658ZM1.33325 7.99998H14.6666C14.6666 11.6818 11.6818 14.6666 7.99992 14.6666C4.31802 14.6666 1.33325 11.6818 1.33325 7.99998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
