// 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 SvgCart = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M16.3332 10.6667V12.6679H13.6665M8.33317 12.6667H13.6811V2.05176H5.6665C3.45736 2.05176 1.6665 3.84262 1.6665 6.05176V12.6667H4.33317M8.33317 12.6667C8.33317 13.1971 8.12244 13.7058 7.74737 14.0809C7.37231 14.4559 6.8636 14.6667 6.33317 14.6667C5.80274 14.6667 5.29403 14.4559 4.91896 14.0809C4.54388 13.7058 4.33317 13.1971 4.33317 12.6667M8.33317 12.6667C8.33317 12.1362 8.12244 11.6275 7.74737 11.2525C7.37231 10.8774 6.8636 10.6667 6.33317 10.6667C5.80274 10.6667 5.29403 10.8774 4.91896 11.2525C4.54388 11.6275 4.33317 12.1362 4.33317 12.6667M5.6665 4.66667H10.9998V8H4.33317V6C4.33317 5.26362 4.93012 4.66667 5.6665 4.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
