// 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 SvgServingDomeHand = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.33317 6.66664H16.9998M11.6665 2.66664C9.64144 2.66664 7.99984 4.30826 7.99984 6.33331V6.66664H15.3332V6.33331C15.3332 4.30826 13.6916 2.66664 11.6665 2.66664ZM11.6665 2.66664V1.99997M1.1665 14.6666H8.6665L14.9998 12.6666V12.4052C14.9998 11.445 14.2214 10.6666 13.2612 10.6666C13.088 10.6666 12.9156 10.6926 12.75 10.7435L8.7815 11.9646C8.70524 11.988 8.62597 12 8.54617 12H5.33316M8.6665 12V9.99997L4.21838 9.04677C4.07309 9.01564 3.92491 8.99997 3.77632 8.99997C2.6111 8.99997 1.6665 9.94457 1.6665 11.1098V11.3333M11.6672 2.00145C11.4828 2.00145 11.3332 1.85189 11.3332 1.66739C11.3332 1.48288 11.4828 1.33331 11.6672 1.33331C11.8517 1.33331 12.0008 1.48287 12.0008 1.66737C12.0008 1.85187 11.8517 2.00145 11.6672 2.00145Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
