// 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 SvgSoftDrinkCan = ({
  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="M1.33325 4.99998H13.3333M3.99992 1.33331L5.99992 4.99998M3.99992 4.99998H10.6666L12.6666 7.66665V15L11.3333 16.3333H3.33325L1.99992 15V7.66665L3.99992 4.99998ZM13.6673 2.33479C13.4829 2.33479 13.3333 2.18522 13.3333 2.00072C13.3333 1.81621 13.4829 1.66665 13.6673 1.66665C13.8518 1.66665 14.0009 1.81621 14.0009 2.00071C14.0009 2.18521 13.8518 2.33479 13.6673 2.33479ZM10.334 3.00145C10.1495 3.00145 9.99992 2.85189 9.99992 2.66739C9.99992 2.48288 10.1495 2.33331 10.334 2.33331C10.5185 2.33331 10.6676 2.48287 10.6676 2.66737C10.6676 2.85187 10.5185 3.00145 10.334 3.00145Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
