// 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 SvgBloodBagDonation = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.00004 15V17M2.29785 10.4531C4.64177 9.08707 6.26896 9.90654 7.82237 10.453C9.37577 10.9995 11.3195 11.2725 13.7022 9.88174M9.3295 6.75472C9.3295 7.489 8.7343 8.08427 8.00004 8.08427C7.2657 8.08427 6.6705 7.489 6.6705 6.75472C6.6705 5.92377 8.00004 4.42806 8.00004 4.42806C8.00004 4.42806 9.3295 5.92377 9.3295 6.75472ZM10.1139 15H5.88614V13.5379L4.41102 13.2249C3.179 12.9635 2.29785 11.8757 2.29785 10.6163V1.72514H13.7022V10.6163C13.7022 11.8757 12.821 12.9635 11.589 13.2249L10.1139 13.5379V15Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
