// 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 SvgRadio = ({
  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="M1.66663 4.99999V16.3333H16.3333V4.99999H1.66663ZM1.66663 4.99999V3.83332L15.6666 1.66666M11 10.6667H13.6666M11 13.3333H13.6666M1.66663 7.66666H16.3333M4.33329 12C4.33329 12.6188 4.57913 13.2123 5.01671 13.6499C5.4543 14.0875 6.04779 14.3333 6.66663 14.3333C7.28546 14.3333 7.87896 14.0875 8.31654 13.6499C8.75413 13.2123 8.99996 12.6188 8.99996 12C8.99996 11.3812 8.75413 10.7877 8.31654 10.3501C7.87896 9.91249 7.28546 9.66666 6.66663 9.66666C6.04779 9.66666 5.4543 9.91249 5.01671 10.3501C4.57913 10.7877 4.33329 11.3812 4.33329 12Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
