// 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 SvgBloodDonateDrop = ({
  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.15784 16.4911L1.66675 15V7.66667C3.13951 7.66667 4.33341 8.861 4.33341 10.3337V11.3333M7.33482 17V13.6273L4.63271 10.9251C3.66949 11.8883 3.66417 13.4503 4.62674 14.4141L4.77079 14.5583M14.8423 16.4911L16.3334 15V7.66667C14.8607 7.66667 13.6667 8.861 13.6667 10.3337V11.3333M10.6652 17V13.6273L13.3673 10.9251C14.3305 11.8883 14.3359 13.4503 13.3733 14.4141L13.2293 14.5583M11.2216 5.90958C11.2216 7.13649 10.227 8.13114 9.00008 8.13114C7.77315 8.13114 6.77856 7.13649 6.77856 5.90958C6.77856 4.52112 9.00008 2.0219 9.00008 2.0219C9.00008 2.0219 11.2216 4.52112 11.2216 5.90958Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
