// 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 SvgBeerPitch = ({
  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="M2.66667 10.3333C4.50761 10.3333 6 8.84092 6 6.99999M2.66667 10.3333V16.3333H11.3333V6.99999M2.66667 10.3333V6.49073C2.2575 6.12452 2 5.59232 2 4.99999C2 3.89542 2.89543 2.99999 4 2.99999C4.26433 2.99999 4.51669 3.05127 4.74767 3.14443C5.26947 2.26 6.23211 1.66666 7.33333 1.66666C8.43453 1.66666 9.3972 2.26 9.919 3.14443C10.15 3.05127 10.4023 2.99999 10.6667 2.99999C11.7713 2.99999 12.6667 3.89542 12.6667 4.99999C12.6667 6.10456 11.7713 6.99999 10.6667 6.99999H6M6 6.99999H11.3333M11.3333 6.99999H14V13.6667H11.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
