// 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 SvgTidalEnergy = ({
  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 0.99999C4.66658 1.92046 5.41278 2.66666 6.33325 2.66666C7.25372 2.66666 7.99992 1.92046 7.99992 0.99999M4.66658 0.99999C4.66658 1.92046 3.92039 2.66666 2.99992 2.66666C2.07945 2.66666 1.33325 1.92046 1.33325 0.99999V0.666656M4.66658 0.99999V0.666656M7.99992 0.99999C7.99992 1.92046 8.74612 2.66666 9.66658 2.66666C10.5871 2.66666 11.3333 1.92046 11.3333 0.99999M7.99992 0.99999V0.666656M11.3333 0.99999C11.3333 1.92046 12.0795 2.66666 12.9999 2.66666C13.9204 2.66666 14.6666 1.92046 14.6666 0.99999V0.666656M11.3333 0.99999V0.666656M7.20292 9.11459L2.33325 11.9159C2.58935 12.9261 3.11524 13.8585 3.86719 14.6077C3.88707 14.6275 3.90709 14.6472 3.92723 14.6667L8.79692 11.8654M6.40593 10.49V4.8874C6.91999 4.74218 7.45605 4.66666 7.99992 4.66666C8.54372 4.66666 9.07979 4.74218 9.59385 4.8874V10.49M8.79685 9.11459L13.6665 11.9159C13.4105 12.9261 12.8846 13.8585 12.1326 14.6077C12.1127 14.6275 12.0927 14.6472 12.0726 14.6667L7.20285 11.8654M6.39592 10.49C6.39592 10.9112 6.56386 11.3151 6.86279 11.6129C7.16172 11.9107 7.56716 12.078 7.98992 12.078C8.41267 12.078 8.81811 11.9107 9.11705 11.6129C9.41598 11.3151 9.58392 10.9112 9.58392 10.49C9.58392 10.0688 9.41598 9.66491 9.11705 9.3671C8.81811 9.0693 8.41267 8.90199 7.98992 8.90199C7.56716 8.90199 7.16172 9.0693 6.86279 9.3671C6.56386 9.66491 6.39592 10.0688 6.39592 10.49Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
