// 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 SvgTemporaryBlockAccountSecurity = ({
  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.3333 13.6917C13.6471 13.6917 16.3333 11.0054 16.3333 7.69171C16.3333 4.378 13.6471 1.69171 10.3333 1.69171C7.01962 1.69171 4.33332 4.378 4.33332 7.69171M14.5761 11.9343L6.09081 3.44903M4.99999 11.3333V13H6.66666M8.33332 13C8.33332 14.8409 6.84094 16.3333 4.99999 16.3333C3.15904 16.3333 1.66666 14.8409 1.66666 13C1.66666 11.159 3.15904 9.66665 4.99999 9.66665C6.84094 9.66665 8.33332 11.159 8.33332 13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
