// 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 SvgPottedPlant = ({
  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="M9.3335 12.3333L2.66683 5.66666L2.43806 5.89543C1.73082 6.60267 1.3335 7.5619 1.3335 8.56206C1.3335 10.6449 3.02194 12.3333 5.10473 12.3333H9.3335ZM9.3335 12.3333L8.00016 11M9.3335 12.3333H10.8956C12.9784 12.3333 14.6668 10.6449 14.6668 8.56206C14.6668 7.5619 14.2695 6.60267 13.5622 5.89543L13.3335 5.66666L8.00016 11M8.00016 11L4.66683 7.66667L8.00016 2.26668L11.3335 7.66667L8.00016 11ZM3.3335 12.3333H12.6668L11.3335 16.3333H4.66683L3.3335 12.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
