// 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 SvgPottedFlower1 = ({
  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.46683 5.20005L7.5335 6.13339M3.3335 12.3333H12.6668L11.3335 16.3333H4.66683L3.3335 12.3333ZM11.2998 5.66667C11.732 5.24317 12.0002 4.65291 12.0002 4.00001C12.0002 2.71134 10.9555 1.66667 9.66683 1.66667C9.01396 1.66667 8.4237 1.93483 8.00016 2.36701C7.57663 1.93483 6.98636 1.66667 6.3335 1.66667C5.04483 1.66667 4.00016 2.71134 4.00016 4.00001C4.00016 4.6529 4.26832 5.24317 4.7005 5.66667C4.26832 6.09018 4.00016 6.68045 4.00016 7.33334C4.00016 8.62201 5.04483 9.66667 6.3335 9.66667C6.98636 9.66667 7.57663 9.39854 8.00016 8.96634C8.4237 9.39854 9.01396 9.66667 9.66683 9.66667C10.9555 9.66667 12.0002 8.62201 12.0002 7.33334C12.0002 6.68044 11.732 6.09018 11.2998 5.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
