// 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 SvgWaterGlass = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.99996 4.66669C7.99996 5.58716 7.25376 6.33335 6.3333 6.33335C5.41283 6.33335 4.66663 5.58716 4.66663 4.66669M7.99996 4.66669C7.99996 5.58716 8.74616 6.33335 9.66663 6.33335C10.5871 6.33335 11.3333 5.58716 11.3333 4.66669M7.99996 4.66669V4.33335M4.66663 4.66669C4.66663 5.58716 3.92044 6.33335 2.99997 6.33335H2.26815M4.66663 4.66669V4.33335M11.3333 4.66669C11.3333 5.58716 12.0795 6.33335 13 6.33335H13.7318M11.3333 4.66669V4.33335M1.45996 1.66669H14.54L12 16.3334H3.99995L1.45996 1.66669Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
