// 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 SvgTeaCup = ({
  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="M11.3332 7.00002H2.6665V13.6667H11.3332V7.00002ZM11.3332 7.00002H12.3332C13.6218 7.00002 14.6665 8.04469 14.6665 9.33335C14.6665 10.622 13.6218 11.6667 12.3332 11.6667H11.3332M0.666504 16.3334H15.3332M5.99984 4.33335C5.26346 4.33335 4.6665 3.7364 4.6665 3.00002C4.6665 2.26364 5.26346 1.66669 5.99984 1.66669M9.99984 4.33335C9.26344 4.33335 8.6665 3.7364 8.6665 3.00002C8.6665 2.26364 9.26344 1.66669 9.99984 1.66669"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
