// 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 SvgAffordableAndCleanEnergy = ({
  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="M7.99986 0V2M7.99986 14V16M13.6567 2.34318L12.2425 3.75739M3.75721 12.2427L2.343 13.6569M15.9999 7.99993H13.9999M2 8H0M13.6567 13.6568L12.2425 12.2426M3.7572 3.75731L2.34298 2.3431M5.99986 4.53515C4.80426 5.22677 3.99986 6.51946 3.99986 8C3.99986 10.2091 5.79072 12 7.99986 12C10.209 12 11.9999 10.2091 11.9999 8C11.9999 6.51946 11.1955 5.22677 9.99986 4.53515M7.99986 3.33333V8.66667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
