// 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 SvgHighFive = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.23353 4.66667V2.97181L8.23333 2.95283C8.22233 2.24077 7.59267 1.66667 6.81747 1.66667H6.13368V5.66667M6.13298 4.06731C6.13335 3.33067 5.53629 2.73331 4.79965 2.73331H4.03382L4.03381 7.05787H3.91827L2.93887 6.06281C2.52885 5.64625 1.86409 5.64626 1.45408 6.06283L1 6.48135L3.06843 10.0167C3.23301 10.2979 3.43526 10.5494 3.66667 10.7661M13.2187 3.78075L14.6329 2.36653M14 5.66667H16M11.3333 3V1M9.86847 11.587L9.867 8.734C9.86667 7.99733 10.4637 7.39997 11.2003 7.39997H11.9662V11.7245H12.0817L13.0611 10.7295C13.4711 10.3129 14.1359 10.3129 14.5459 10.7295L15 11.148L12.9316 14.6833C12.3337 15.7053 11.2385 16.3333 10.0545 16.3333H5.66667V8.46667C5.66667 7.87753 6.18481 7.39997 6.824 7.39997H7.76647L7.76667 7.6195M7.76667 7.6195L7.76947 11.6661M7.76667 7.6195C7.76653 7.62581 7.76647 7.63214 7.76647 7.63848V10.6458M7.76667 7.6195C7.77767 6.90744 8.40733 6.33333 9.18253 6.33333H9.86633V10.9125"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
