// 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 SvgPottedFlower = ({
  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="M8.00016 10.3333C10.2093 10.3333 12.0002 8.54246 12.0002 6.33333V2.33333L8.00016 5.33333L4.00016 2.33333V6.33333C4.00016 8.54246 5.79102 10.3333 8.00016 10.3333ZM8.00016 10.3333L8.00016 14.6667M8.00016 14.6667L1.3335 11V13C1.3335 14.4727 2.5274 15.6667 4.00016 15.6667H8.00016M8.00016 14.6667L8.00016 15.6667M8.00016 14.6667L14.6668 11V13C14.6668 14.4727 13.4729 15.6667 12.0002 15.6667H8.00016"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
