// 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 SvgPeaceSymbol = ({
  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.00002 16.3334C7.0551 16.3334 5.18984 15.5607 3.81457 14.1855C2.4393 12.8102 1.66669 10.9449 1.66669 9.00002C1.66669 7.0551 2.4393 5.18984 3.81457 3.81457C5.18984 2.4393 7.0551 1.66669 9.00002 1.66669M9.00002 16.3334C10.9449 16.3334 12.8102 15.5607 14.1855 14.1855C15.5607 12.8102 16.3334 10.9449 16.3334 9.00002C16.3334 7.0551 15.5607 5.18984 14.1855 3.81457C12.8102 2.4393 10.9449 1.66669 9.00002 1.66669M9.00002 16.3334V1.66669M14.7042 14.3358L9.00009 8.28949L3.29608 14.3358"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
