// 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 SvgTree3 = ({
  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="M7.99992 17V13.6667M7.99992 13.6667C9.61279 13.6667 10.9581 12.5211 11.2667 10.9993C11.2889 10.9998 11.311 11 11.3333 11C13.1742 11 14.6666 9.50759 14.6666 7.66666C14.6666 5.82571 13.1742 4.33332 11.3333 4.33332C11.311 4.33332 11.2889 4.33354 11.2667 4.33398C10.9581 2.81216 9.61278 1.66666 7.99992 1.66666C6.38705 1.66666 5.04173 2.81216 4.73313 4.33398C4.711 4.33354 4.68882 4.33332 4.66658 4.33332C2.82564 4.33332 1.33325 5.82571 1.33325 7.66666C1.33325 9.50759 2.82564 11 4.66658 11C4.68882 11 4.71101 10.9998 4.73313 10.9993C5.04173 12.5211 6.38705 13.6667 7.99992 13.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
