// 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 SvgHandWashing = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.1665 14.6667H8.6665L14.9998 12.6667V12.4053C14.9998 11.4451 14.2214 10.6667 13.2612 10.6667C13.088 10.6667 12.9156 10.6926 12.75 10.7435L8.7815 11.9646C8.70524 11.9881 8.62597 12 8.54617 12H5.33316M8.6665 12V10L4.21838 9.04679C4.07309 9.01566 3.92491 8.99999 3.77632 8.99999C2.6111 8.99999 1.6665 9.94459 1.6665 11.1098V11.3333M10.9998 5.24137C10.9998 3.40229 13.6665 1.33333 13.6665 1.33333C13.6665 1.33333 16.3332 3.40229 16.3332 5.24137C16.3332 6.76493 15.1392 7.99999 13.6665 7.99999C12.1938 7.99999 10.9998 6.76493 10.9998 5.24137Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
