// 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 SvgTidalWave = ({
  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 13C4.66658 13.9205 5.41278 14.6667 6.33325 14.6667C7.25372 14.6667 7.99992 13.9205 7.99992 13M4.66658 13C4.66658 13.9205 3.92039 14.6667 2.99992 14.6667C2.07945 14.6667 1.33325 13.9205 1.33325 13V12.6667M4.66658 13V12.6667M7.99992 13C7.99992 13.9205 8.74612 14.6667 9.66658 14.6667C10.5871 14.6667 11.3333 13.9205 11.3333 13M7.99992 13V12.6667M11.3333 13C11.3333 13.9205 12.0795 14.6667 12.9999 14.6667C13.9204 14.6667 14.6666 13.9205 14.6666 13V12.6667M11.3333 13V12.6667M1.33325 8.66668V9.00001C1.33325 9.92048 2.07945 10.6667 2.99992 10.6667C3.92039 10.6667 4.66658 9.92048 4.66658 9.00001V8.66668C4.66658 9.77128 5.56202 10.6667 6.66658 10.6667C8.66658 10.6667 9.66672 9.00001 9.66672 7.66668C9.66672 5.66668 7.99992 3.33334 5.33325 3.33334V3.00001C5.66659 2.55556 7.66672 1.33334 9.66672 1.33334C11.6365 1.33334 13.4898 1.91534 14.6765 3.33334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
