// 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 SvgBagShare = ({
  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="M0.666687 16.3333H7.66669L14 14.3333V14.0719C14 13.1117 13.2216 12.3333 12.2614 12.3333C12.0882 12.3333 11.9158 12.3593 11.7502 12.4102L7.78169 13.6313C7.70542 13.6547 7.62615 13.6667 7.54642 13.6667H4.33335M7.66669 13.6667V11.6667L3.47289 11.0215C2.26027 10.8349 1.16669 11.7731 1.16669 13M6.66669 6L9.00002 3.66666L8.00002 1.66666H12.6667L11.6667 3.66666L14 6V7C14 8.47273 12.8061 9.66666 11.3334 9.66666H9.33335C7.86062 9.66666 6.66669 8.47273 6.66669 7V6Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
