// 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 SvgPoliticsDebate = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1 15.3334H8.33333M9.66667 15.3334H17M7 15.3334V17M11 15.3334V17M1.66667 13.7111V12.7414C1.66667 12.7414 2.63638 12.0141 4.33337 12.0141C6.03037 12.0141 7.00008 12.7414 7.00008 12.7414V13.7111M10.9999 13.7111V12.7414C10.9999 12.7414 11.9697 12.0141 13.6667 12.0141C15.3637 12.0141 16.3334 12.7414 16.3334 12.7414V13.7111M3.12133 9.21202C3.12133 9.37118 3.15268 9.52879 3.21359 9.67583C3.2745 9.82288 3.36378 9.95649 3.47632 10.069C3.58886 10.1816 3.72247 10.2709 3.86952 10.3318C4.01657 10.3927 4.17417 10.424 4.33333 10.424C4.4925 10.424 4.6501 10.3927 4.79715 10.3318C4.94419 10.2709 5.0778 10.1816 5.19035 10.069C5.30289 9.95649 5.39217 9.82288 5.45308 9.67583C5.51398 9.52879 5.54533 9.37118 5.54533 9.21202C5.54533 8.89058 5.41764 8.5823 5.19035 8.35501C4.96305 8.12771 4.65478 8.00002 4.33333 8.00002C4.01189 8.00002 3.70361 8.12771 3.47632 8.35501C3.24903 8.5823 3.12133 8.89058 3.12133 9.21202ZM12.4547 9.21202C12.4547 9.53346 12.5824 9.84174 12.8097 10.069C13.0369 10.2963 13.3452 10.424 13.6667 10.424C13.9881 10.424 14.2964 10.2963 14.5237 10.069C14.751 9.84174 14.8787 9.53346 14.8787 9.21202C14.8787 8.89058 14.751 8.5823 14.5237 8.35501C14.2964 8.12771 13.9881 8.00002 13.6667 8.00002C13.3452 8.00002 13.0369 8.12771 12.8097 8.35501C12.5824 8.5823 12.4547 8.89058 12.4547 9.21202ZM5.6667 5.33335L5.66667 1.66669H11.0001V6.66669L9.11133 5.33335H5.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
