// 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 SvgBone = ({
  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="M7.83732 3.66667C7.83732 4.22611 8.02938 4.73957 8.34965 5.14153L5.21935 8.35007C4.8074 7.92787 4.23829 7.66667 3.60967 7.66667C2.35244 7.66667 1.33325 8.71134 1.33325 10C1.33325 11.2887 2.35244 12.3333 3.60967 12.3333C3.60967 13.622 4.62887 14.6667 5.8861 14.6667C7.14332 14.6667 8.16252 13.622 8.16252 12.3333C8.16252 11.689 7.90772 11.1057 7.49579 10.6834L10.6261 7.47487C11.0435 7.9988 11.6787 8.33334 12.3902 8.33334C13.6474 8.33334 14.6666 7.28867 14.6666 6C14.6666 4.71134 13.6474 3.66667 12.3902 3.66667C12.3902 2.378 11.371 1.33334 10.1137 1.33334C8.85652 1.33334 7.83732 2.378 7.83732 3.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
