// 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 SvgHeartRate = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.4929 7.52253H9.35612L8.28779 8.59093L5.79494 6.09806L4.37046 7.52253H2.52212M7.57244 2.75717L8.99992 4.18465L10.4274 2.75717C11.7292 1.45542 13.8397 1.45542 15.1415 2.75717L15.3473 2.96299C16.6491 4.26473 16.6491 6.37528 15.3473 7.677L8.99992 14.0244L2.65258 7.677C1.35083 6.37528 1.35083 4.26473 2.65258 2.96299L2.8584 2.75717C4.16015 1.45542 6.27069 1.45542 7.57244 2.75717Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
