// 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 SvgRiceBowl = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.3335 8.66665L3.3335 14.6666H12.6668L14.6668 8.66665M1.3335 8.66665V7.98491C1.3335 7.33585 1.65813 6.76258 2.15389 6.41867C1.89628 5.87285 1.90168 5.21386 2.22632 4.65158C2.55091 4.08937 3.11881 3.75521 3.72022 3.70533C3.76988 3.10362 4.10408 2.53536 4.66654 2.21062C5.22887 1.88596 5.88792 1.88059 6.43378 2.13826C6.7777 1.6424 7.35103 1.31769 8.00016 1.31769C8.6493 1.31769 9.22263 1.6424 9.56656 2.13826C10.1124 1.88059 10.7714 1.88596 11.3338 2.21062C11.8962 2.53536 12.2304 3.10362 12.2801 3.70533C12.8815 3.75521 13.4494 4.08937 13.774 4.65158C14.0986 5.21386 14.104 5.87285 13.8464 6.41867C14.3422 6.76258 14.6668 7.33585 14.6668 7.98491V8.66665M1.3335 8.66665H14.6668"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
