// 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 SvgLifeBelowWater = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.66658 1.00001C4.66658 1.92048 5.41278 2.66667 6.33325 2.66667C7.25372 2.66667 7.99992 1.92048 7.99992 1.00001M4.66658 1.00001C4.66658 1.92048 3.92039 2.66667 2.99992 2.66667C2.07945 2.66667 1.33325 1.92048 1.33325 1.00001V0.666672M4.66658 1.00001V0.666672M7.99992 1.00001C7.99992 1.92048 8.74612 2.66667 9.66658 2.66667C10.5871 2.66667 11.3333 1.92048 11.3333 1.00001M7.99992 1.00001V0.666672M11.3333 1.00001C11.3333 1.92048 12.0795 2.66667 12.9999 2.66667C13.9204 2.66667 14.6666 1.92048 14.6666 1.00001V0.666672M11.3333 1.00001V0.666672M10.3311 7.66667C9.66599 8.31087 9.33338 9.15507 9.33325 9.9994C9.33312 10.8441 9.66572 11.6889 10.3311 12.3333M8.99992 5.33334C11.9999 5.33334 13.5533 8.33334 14.5533 10C13.5533 11.6667 11.9999 14.6667 8.99992 14.6667C5.99992 14.6667 4.66659 12.6667 3.66659 11.3333L1.33325 13.3333V6.66667L3.66659 8.66667C4.66659 7.33334 5.99992 5.33334 8.99992 5.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
