// 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 SvgCrutch = ({
  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="M11.3331 17V12.6667H12.6664V8C12.6664 8 11.3331 7 8.99977 7C8.3689 7 7.81117 7.07309 7.3331 7.17977C6.72717 7.31496 6.24926 7.50409 5.91276 7.66667M3.99984 9.66667V13C3.99984 13 4.33317 13.6667 5.33317 13.6667M5.33317 13.6667C6.33317 13.6667 6.6665 13 6.6665 13V9.66667M5.33317 13.6667L5.33317 16.3333M2.6665 9.66667H7.99984M3.99984 16.3333H6.6665M7.33317 3.33333C7.33317 3.77536 7.50876 4.19929 7.82133 4.51185C8.13389 4.82441 8.55781 5 8.99984 5C9.44186 5 9.86579 4.82441 10.1783 4.51185C10.4909 4.19929 10.6665 3.77536 10.6665 3.33333C10.6665 2.89131 10.4909 2.46738 10.1783 2.15482C9.86579 1.84226 9.44186 1.66667 8.99984 1.66667C8.55781 1.66667 8.13389 1.84226 7.82133 2.15482C7.50876 2.46738 7.33317 2.89131 7.33317 3.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
