// 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 SvgWateringCan = ({
  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="M6.33336 5.33334L5.39219 9.72548L2.33336 6.66668L1.76416 7.23334L4.33336 14.6667H15L14.1059 10.4942M6.33336 5.33334C6.52799 4.3799 7.09942 3.49619 7.7978 2.79781C8.73547 1.86013 10.0073 1.33334 11.3333 1.33334C12.6594 1.33334 13.9312 1.86013 14.8689 2.79781C15.8065 3.73549 16.3333 5.00726 16.3333 6.33334C16.3333 7.65941 15.8065 8.93121 14.8689 9.86888C14.6341 10.1037 14.3783 10.3127 14.1059 10.4942M6.33336 5.33334H13L14.1059 10.4942"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
