// 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 SvgPepperBottle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.00008 1.33333V0M6.00008 4.66667H10.0001V5.17595C10.0001 6.15629 10.2283 7.12313 10.6667 8L11.1057 8.8778C11.6939 10.0542 12.0001 11.3514 12.0001 12.6667H4.00008C4.00008 11.3514 4.30631 10.0542 4.89451 8.8778L5.33341 8C5.77183 7.12313 6.00008 6.15629 6.00008 5.17595V4.66667ZM4.66675 4.66667H11.3311L11.3325 2.66759C11.333 1.93085 10.7359 1.33333 9.99915 1.33333H6.00008C5.2637 1.33333 4.66675 1.93029 4.66675 2.66667V4.66667ZM2.66675 15.3333H13.3293L13.3334 12.6667H2.66675V15.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
