// 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 SvgButtonRecord = ({
  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="M6.33341 9C6.33341 9.70724 6.61437 10.3855 7.11446 10.8856C7.61456 11.3857 8.29284 11.6667 9.00008 11.6667C9.70733 11.6667 10.3856 11.3857 10.8857 10.8856C11.3858 10.3855 11.6667 9.70724 11.6667 9C11.6667 8.29276 11.3858 7.61448 10.8857 7.11438C10.3856 6.61429 9.70733 6.33333 9.00008 6.33333C8.29284 6.33333 7.61456 6.61429 7.11446 7.11438C6.61437 7.61448 6.33341 8.29276 6.33341 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M1.66675 9C1.66675 10.9449 2.43937 12.8102 3.81463 14.1855C5.1899 15.5607 7.05516 16.3333 9.00008 16.3333C10.945 16.3333 12.8103 15.5607 14.1855 14.1855C15.5608 12.8102 16.3334 10.9449 16.3334 9C16.3334 7.05508 15.5608 5.18982 14.1855 3.81455C12.8103 2.43929 10.945 1.66667 9.00008 1.66667C7.05516 1.66667 5.1899 2.43929 3.81463 3.81455C2.43937 5.18982 1.66675 7.05508 1.66675 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
