// 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 SvgFigureWalking = ({
  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="M2.6665 10.3333L5.33317 6.66666C5.33317 6.66666 6.33317 6.33333 7.99984 6.33333M7.99984 6.33333C8.85877 6.33333 9.54064 6.42186 9.99984 6.50768L10.9998 9H13.9998M7.99984 6.33333L6.75077 10.0806C6.69497 10.248 6.6665 10.4233 6.6665 10.5997C6.6665 11.2485 7.04857 11.8365 7.64144 12.1L9.6665 13L11.6665 16.6667M4.33317 16.3333L7.99984 14.6667M7.33317 3C7.33317 3.35362 7.47365 3.69276 7.72369 3.94281C7.97374 4.19286 8.31288 4.33333 8.6665 4.33333C9.02013 4.33333 9.35926 4.19286 9.60931 3.94281C9.85936 3.69276 9.99984 3.35362 9.99984 3C9.99984 2.64638 9.85936 2.30724 9.60931 2.05719C9.35926 1.80714 9.02013 1.66666 8.6665 1.66666C8.31288 1.66666 7.97374 1.80714 7.72369 2.05719C7.47365 2.30724 7.33317 2.64638 7.33317 3Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
