// 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 SvgBagEuro = ({
  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="M5.85366 4.88618L1.56097 9.89433V13.0006C1.56097 14.8412 3.05309 16.3333 4.89371 16.3333H11.1063C12.9469 16.3333 14.439 14.8412 14.439 13.0006V9.89433L10.1464 4.88618M5.85366 4.88618L3.70731 1.66666H12.2927L10.1464 4.88618M5.85366 4.88618H10.1464M10.0281 13.3933L9.81122 13.4707C8.10289 14.0809 6.30577 12.8144 6.30577 11.0004C6.30577 9.1864 8.10289 7.91993 9.81122 8.53006L10.0281 8.60746M5.00979 11.0004H8.16022"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
