// 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 SvgBahtCircle = ({
  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.03026 13.6798V4.368M6.82636 8.75526V5.80062H10.3385C10.8218 5.80062 11.2135 6.19236 11.2135 6.67562V7.88026C11.2135 8.36346 10.8218 8.75526 10.3385 8.75526H6.82636ZM6.82636 8.75526V12.2472H10.9653C11.4485 12.2472 11.8403 11.8555 11.8403 11.3722V9.6304C11.8403 9.14713 11.4485 8.7554 10.9653 8.7554L6.82636 8.75526ZM16.3333 9C16.3333 10.9449 15.5607 12.8102 14.1854 14.1854C12.8102 15.5607 10.9449 16.3333 8.99999 16.3333C7.05507 16.3333 5.18981 15.5607 3.81454 14.1854C2.43927 12.8102 1.66666 10.9449 1.66666 9C1.66666 7.05508 2.43927 5.18981 3.81454 3.81455C5.18981 2.43928 7.05507 1.66666 8.99999 1.66666C10.9449 1.66666 12.8102 2.43928 14.1854 3.81455C15.5607 5.18981 16.3333 7.05508 16.3333 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
