// 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 SvgBandage = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12 6.21045V4.87712M10.2682 4.49325V3.15992M5.53517 12.8329V11.4996M3.8034 11.1157V9.7824M8.51168 2.38918L2.38934 8.51147C0.981222 9.9196 0.981222 12.2027 2.38934 13.6107C3.79746 15.0189 6.08047 15.0189 7.48862 13.6107L13.6109 7.48847C15.019 6.08032 15.019 3.7973 13.6109 2.38918C12.2028 0.981062 9.91982 0.981062 8.51168 2.38918ZM4.01707 6.88347L9.11635 11.9827L11.9824 9.1166L6.88315 4.01734L4.01707 6.88347Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
