// 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 SvgJuice = ({
  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="M15.3333 5.33331H14.6666C13.562 5.33331 12.6666 6.22875 12.6666 7.33331M10.6666 14.6666C11.7275 14.6666 12.7449 14.2452 13.495 13.495C14.2452 12.7449 14.6666 11.7275 14.6666 10.6666C14.6666 9.60578 14.2452 8.58838 13.495 7.83825C12.7449 7.08805 11.7275 6.66665 10.6666 6.66665M6.66659 1.33331H3.33325V4.66665L1.33325 6.66665V14.6666H8.66659V6.66665L6.66659 4.66665V1.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
