// 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 SvgHeartRatePulseGraph = ({
  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="M4.58276 6.919H6.18475L6.95628 5.49267L8.43955 8.2652L9.57535 6.91893H11.1272M7.67541 2.52672L8.00001 2.85129L8.32455 2.52672C9.86728 0.984039 12.3684 0.984039 13.9111 2.52672C15.4537 4.06939 15.4537 6.57057 13.9111 8.11327L8.00001 14.0243L2.08889 8.11327C0.546215 6.57057 0.546215 4.06939 2.08889 2.52672C3.63157 0.984039 6.13274 0.984039 7.67541 2.52672Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
