// 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 SvgRiceball = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.99984 1.33331C9.82344 1.33331 10.583 1.77756 10.9868 2.49541L16.0618 11.5175C16.2397 11.8338 16.3332 12.1906 16.3332 12.5535C16.3332 13.7206 15.3871 14.6666 14.22 14.6666H3.77964C2.61258 14.6666 1.6665 13.7206 1.6665 12.5535C1.6665 12.1906 1.75996 11.8338 1.93788 11.5175L7.01282 2.49541C7.41662 1.77756 8.17624 1.33331 8.99984 1.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.33317 9.33331V14.6666H11.6665V9.33331H6.33317Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
