// 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 SvgRecycle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.0001 8.00001L13.6667 7.00001L15.0001 9.33334L14.2309 11M14.2309 11L13.0001 13.6667H9.88901M14.2309 11H9.88901M11.0001 15.3333L9.00008 12.3333L11.0001 9.33334M6.51759 11.5981L6.55027 13.5415L3.86288 13.5295L2.80412 12.0301M2.80412 12.0301L1.11011 9.63081L2.66566 6.93654M2.80412 12.0301L4.97506 8.26988M0.666748 7.06541L4.26482 6.83334L5.8629 10.0654M6.33341 4.66668L4.66675 3.66668L6.33341 1.33334H8.00008M8.00008 1.33334H11.0001L12.3733 4.06158M8.00008 1.33334L10.0001 5.03031M8.00008 4.66668L11.6667 5.33334L13.3334 2.33334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
