// 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 SvgDeepWaterArea = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.66683 14C4.66683 14.9205 5.41302 15.6667 6.3335 15.6667C7.25396 15.6667 8.00016 14.9205 8.00016 14M4.66683 14C4.66683 14.9205 3.92064 15.6667 3.00016 15.6667C2.07969 15.6667 1.3335 14.9205 1.3335 14V13.6667M4.66683 14V13.6667M8.00016 14C8.00016 14.9205 8.74636 15.6667 9.66683 15.6667C10.5873 15.6667 11.3335 14.9205 11.3335 14M8.00016 14V13.6667M11.3335 14C11.3335 14.9205 12.0797 15.6667 13.0002 15.6667C13.9206 15.6667 14.6668 14.9205 14.6668 14V13.6667M11.3335 14V13.6667M8.20196 6.92037L8.2005 4.06731C8.20016 3.33067 8.79723 2.73331 9.53383 2.73331H10.2997V7.05787H10.4152L11.3946 6.06281C11.8046 5.64625 12.4694 5.64626 12.8794 6.06283L13.3335 6.48135L11.2651 10.0167C10.6672 11.0386 9.57203 11.6667 8.38796 11.6667H7.66683M6.10014 2.95283L6.09998 2.73331H5.15746C4.5183 2.73331 4.00016 3.21088 4.00016 3.79999V12.3333M6.10014 2.95283L6.10296 6.99947M6.10014 2.95283L6.09999 2.97181V5.97916M6.10014 2.95283C6.11115 2.24077 6.74083 1.66667 7.51603 1.66667H8.19983V6.24583"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
