// 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 SvgBagBitcoin = ({
  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="M7.97147 8.07726V6.78874M7.97147 14.6453V13.2195M6.67047 10.434V8.07713H8.67013C9.2224 8.07713 9.67013 8.52486 9.67013 9.07713V9.434C9.67013 9.98626 9.2224 10.434 8.67013 10.434H6.67047ZM6.67047 10.434L6.6704 13.2193H9.0986C9.65087 13.2193 10.0986 12.7716 10.0986 12.2193V11.4339C10.0986 10.8817 9.65087 10.4339 9.0986 10.4339L6.67047 10.434ZM2 10L6 5.33333L4 1.66666H12L10 5.33333L14 10V13C14 14.8409 12.5076 16.3333 10.6667 16.3333H5.33333C3.49239 16.3333 2 14.8409 2 13V10Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
