// 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 SvgResponsibleConsumptionAndProduction = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.3334 5.70657C11.0459 5.05146 11.9911 4.66666 13.0001 4.66666C13.8841 4.66666 14.732 5.01784 15.3571 5.64297C15.9822 6.26809 16.3334 7.11592 16.3334 7.99999C16.3334 8.88406 15.9822 9.73192 15.3571 10.357C14.732 10.9821 13.8841 11.3333 13.0001 11.3333C11.3895 11.3333 9.94121 10.3528 9.34301 8.85739L8.65715 7.14259C8.05895 5.64721 6.61065 4.66666 5.00008 4.66666C4.11603 4.66666 3.26818 5.01784 2.64306 5.64297C2.01793 6.26809 1.66675 7.11592 1.66675 7.99999C1.66675 8.88406 2.01793 9.73192 2.64306 10.357C3.26818 10.9821 4.11603 11.3333 5.00008 11.3333C6.00901 11.3333 6.95427 10.9485 7.66675 10.2934L5.66675 13.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
