// 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 SvgWaterMelon = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.3335 8.99998L7.2763 9.94278M9.00016 6.33331L9.94296 7.27611M9.00016 8.99998L9.94296 9.94278M8.00016 15.3333C6.05524 15.3333 4.18998 14.5607 2.81472 13.1854C2.19227 12.563 1.69328 11.8402 1.3335 11.055L11.0552 1.33331C11.8404 1.6931 12.5632 2.19209 13.1856 2.81453C14.5609 4.1898 15.3335 6.05506 15.3335 7.99998C15.3335 9.94491 14.5609 11.8102 13.1856 13.1854C11.8104 14.5607 9.9451 15.3333 8.00016 15.3333ZM8.00016 12.6666C6.7625 12.6666 5.5755 12.175 4.70033 11.2998C4.05406 10.6535 3.61692 9.83725 3.43246 8.95605L8.95623 3.43227C9.83743 3.61673 10.6537 4.05387 11.3 4.70013C12.1752 5.57531 12.6668 6.76231 12.6668 7.99998C12.6668 9.23765 12.1752 10.4246 11.3 11.2998C10.4248 12.175 9.23783 12.6666 8.00016 12.6666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
