// 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 SvgMedicalRibbon = ({
  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="M7.97488 8.5202L6.87075 7.41609C6.26092 6.80629 6.26092 5.81761 6.87075 5.20781C7.48048 4.59802 8.46921 4.59802 9.07901 5.20781C9.68881 5.81761 9.68881 6.80629 9.07901 7.41609L7.97488 8.5202ZM7.97488 8.5202L10.3297 10.8751M5.78133 10.7136L8.13621 13.0685M4.68965 3.03533C2.87019 4.85478 2.87019 7.80467 4.68965 9.62413L5.79208 10.7266L2.66675 13.8519L4.85867 16.0439L7.98395 12.9185L11.0989 16.0335L13.2981 13.8343L10.1832 10.7195L11.2785 9.62413C13.0979 7.80467 13.0979 4.85478 11.2785 3.03533C9.45902 1.21587 6.5091 1.21587 4.68965 3.03533Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
