// 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 SvgCosine = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.9219 9.26191V9.66665C12.9219 10.2189 13.3697 10.6666 13.9219 10.6666H15.3333C15.8855 10.6666 16.3333 10.2191 16.3333 9.66685V9.02285C16.3333 8.57845 16.0399 8.18745 15.6133 8.06305L13.6419 7.39085C13.2153 7.26638 12.9219 6.87531 12.9219 6.43085V6.33323C12.9219 5.78095 13.3697 5.33331 13.9219 5.33331H15.3333C15.8855 5.33331 16.3333 5.78103 16.3333 6.33331V6.59651M5.07806 6.73758V6.33331C5.07806 5.78103 4.63035 5.33331 4.07806 5.33331H2.66675C2.11447 5.33331 1.66675 5.78103 1.66675 6.33331L1.66675 9.66665C1.66675 10.2189 2.11446 10.6666 2.66675 10.6666H4.07806C4.63035 10.6666 5.07806 10.2189 5.07806 9.66665V9.26238M7.29435 6.33331V9.66665C7.29435 10.2189 7.74208 10.6666 8.29435 10.6666H9.70568C10.0913 10.6666 10.7057 10.2189 10.7057 9.66665V6.33331C10.7057 5.78103 10.0913 5.33331 9.70568 5.33331H8.29435C7.74208 5.33331 7.29435 5.78103 7.29435 6.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
