// 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 SvgForkPlate = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.33358 7.66673V17.0001M4.33358 7.66673C2.86083 7.66673 1.66699 6.47276 1.66699 5V1M4.33358 7.66673C5.80634 7.66673 7.00033 6.47276 7.00033 5V1M16.3335 16.3333C12.2834 16.3333 9.00017 13.0501 9.00017 9C9.00017 4.94991 12.2834 1.66667 16.3335 1.66667M16.3335 13.6667C13.7562 13.6667 11.6668 11.5773 11.6668 9C11.6668 6.42267 13.7562 4.33333 16.3335 4.33333M4.33358 1V3.66667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
