// 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 SvgButtonPowerCircle = ({
  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="M10.7518 6.15251C11.7064 6.74107 12.3428 7.7962 12.3428 9C12.3428 10.8461 10.8461 12.3427 8.99996 12.3427C7.1538 12.3427 5.65719 10.8461 5.65719 9C5.65719 7.7962 6.29347 6.74107 7.24806 6.15251M8.99996 4.36914V7.03125M1.66663 9C1.66663 10.9449 2.43924 12.8102 3.81451 14.1855C5.18978 15.5607 7.05504 16.3333 8.99996 16.3333C10.9449 16.3333 12.8101 15.5607 14.1854 14.1855C15.5607 12.8102 16.3333 10.9449 16.3333 9C16.3333 7.05508 15.5607 5.18982 14.1854 3.81455C12.8101 2.43929 10.9449 1.66667 8.99996 1.66667C7.05504 1.66667 5.18978 2.43929 3.81451 3.81455C2.43924 5.18982 1.66663 7.05508 1.66663 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
