// 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 SvgPottedTree = ({
  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.00016 12.3333V9.66667M8.00016 9.66667C6.9393 9.66667 5.92188 9.24524 5.17174 8.4951C4.42159 7.74495 4.00016 6.72754 4.00016 5.66667C4.00016 4.60581 4.42159 3.58839 5.17174 2.83824C5.92188 2.0881 6.9393 1.66667 8.00016 1.66667C9.06103 1.66667 10.0784 2.0881 10.8286 2.83824C11.5787 3.58839 12.0002 4.60581 12.0002 5.66667C12.0002 6.72754 11.5787 7.74495 10.8286 8.4951C10.0784 9.24524 9.06103 9.66667 8.00016 9.66667ZM3.3335 12.3333H12.6668L11.3335 16.3333H4.66683L3.3335 12.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
