// 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 SvgTypeOnPath = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.66675 11.6667L2.21903 10.2189C1.86541 9.86533 1.66675 9.38573 1.66675 8.8856C1.66675 7.8442 2.51097 7 3.55237 7C4.05246 7 4.53207 7.19866 4.8857 7.55229L13.1145 15.7811C13.4681 16.1347 13.9477 16.3333 14.4478 16.3333C15.4892 16.3333 16.3334 15.4891 16.3334 14.4477C16.3334 13.9476 16.1347 13.468 15.7811 13.1144L14.3334 11.6667M10.8146 3.41421L12.2288 2L14.1144 3.88563M14.1144 3.88563L16 5.77123L14.5858 7.18545M14.1144 3.88563L9.66675 8.3336M8.25248 6.91927L9.66675 8.3336M9.66675 8.3336L11.0809 9.74767"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
