// 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 SvgPartnershipsForTheGoals = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00008 6.69958C8.27015 5.6716 7.0642 5.00001 5.70008 5.00001C3.47254 5.00001 1.66675 6.79087 1.66675 9.00001C1.66675 11.2091 3.47254 13 5.70008 13C7.0642 13 8.27015 12.3284 9.00008 11.3004M9.00008 6.69958V11.3004M9.00008 6.69958C9.73001 5.6716 10.9359 5.00001 12.3001 5.00001C14.5276 5.00001 16.3334 6.79087 16.3334 9.00001C16.3334 11.2091 14.5276 13 12.3001 13C10.9359 13 9.73001 12.3284 9.00008 11.3004M11.3005 9.00001C12.3285 8.27007 13.0001 7.06412 13.0001 5.70001C13.0001 3.47246 11.2092 1.66667 9.00008 1.66667C6.79094 1.66667 5.00008 3.47246 5.00008 5.70001C5.00008 7.06412 5.67168 8.27007 6.69966 9.00001M11.3005 9.00001H6.69966M11.3005 9.00001C12.3285 9.72994 13.0001 10.9359 13.0001 12.3C13.0001 14.5275 11.2092 16.3333 9.00008 16.3333C6.79094 16.3333 5.00008 14.5275 5.00008 12.3C5.00008 10.9359 5.67168 9.72994 6.69966 9.00001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
