// 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 SvgSpeedSkills = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.5773 1.84174L2.8146 3.92173L5.05784 9.47079C4.69288 10.9277 3.2118 11.7518 1.34131 12.5372L2.31158 16.1583L13.6027 13.1329L13.3191 12.0743M11.9013 6.78145L13.8293 5.50848M8.565 8.44486L9.31813 11.2555L12.8466 10.3101L12.5629 9.25146L12.8126 9.18459C13.8439 8.90826 14.456 7.84812 14.1797 6.81676L12.9783 2.33297L9.03407 6.56339C8.5638 7.06776 8.38653 7.77879 8.565 8.44486Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
