// 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 SvgForkSpoon = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.00012 7.66673V17.0001M4.00012 7.66673C2.52736 7.66673 1.3335 6.47276 1.3335 5V1M4.00012 7.66673C5.47288 7.66673 6.66682 6.47276 6.66682 5V1M12 7.66667V17.0001M12 7.66667C13.4727 7.66667 14.6667 6.47276 14.6667 5V4.33333C14.6667 2.86057 13.4728 1.66667 12 1.66667C10.5273 1.66667 9.33336 2.86057 9.33336 4.33333V5C9.33336 6.47276 10.5272 7.66667 12 7.66667ZM4.00012 1V3.66667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
