// 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 SvgOnlineShopping = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.33331 12.3331H1.83331L2.89998 5.39973H11.4333L11.5769 6.33332M4.49998 5.39999V4.33332C4.49998 2.86056 5.69389 1.66666 7.16665 1.66666C8.63938 1.66666 9.83331 2.86056 9.83331 4.33332V5.39999M16.3333 12.3433C16.3333 13.4017 15.9129 14.4168 15.1645 15.1652C14.4161 15.9135 13.401 16.334 12.3426 16.334C11.2843 16.334 10.2692 15.9135 9.52082 15.1652C8.77242 14.4168 8.35198 13.4017 8.35198 12.3433M16.3333 12.3433C16.3333 11.2849 15.9129 10.2699 15.1645 9.5215C14.4161 8.7731 13.401 8.35266 12.3426 8.35266C11.2843 8.35266 10.2692 8.7731 9.52082 9.5215C8.77242 10.2699 8.35198 11.2849 8.35198 12.3433M16.3333 12.3433H8.35198M12.8416 8.35239L14.2383 12.3429L12.8416 16.3333M11.844 8.35239L10.4474 12.3429L11.844 16.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
