// 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 SvgSine = ({
  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="M6.33325 5.33342H9.66658M9.66658 10.6667H6.33325M7.99992 5.33342V10.6667M11.3333 11.3334V5.33341H11.8013L14.1985 10.6667H14.6666V4.66675M1.33325 9.26202V9.66675C1.33325 10.219 1.78097 10.6667 2.33325 10.6667H3.74458C4.29686 10.6667 4.74457 10.2192 4.74457 9.66695L4.74459 9.02295C4.74459 8.57855 4.45125 8.18755 4.02459 8.06315L2.05326 7.39095C1.62659 7.26648 1.33326 6.87541 1.33325 6.43095V6.33333C1.33325 5.78105 1.78097 5.33342 2.33325 5.33342H3.74457C4.29685 5.33342 4.74457 5.78113 4.74457 6.33342V6.59662"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
