// 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 SvgPermanentBlockAccountSecurity = ({
  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.33332 13.5837C9.65852 13.6383 9.99259 13.6667 10.3333 13.6667C13.6471 13.6667 16.3333 10.9804 16.3333 7.66666C16.3333 4.35295 13.6471 1.66666 10.3333 1.66666C7.13148 1.66666 4.5154 4.17466 4.34244 7.33332M14.5761 11.9093L6.09081 3.42398M2.66666 13V11C2.66666 10.0795 3.41284 9.33332 4.33332 9.33332C5.2538 9.33332 5.99999 10.0795 5.99999 11V13M1.66666 13H6.99999V16.3333H1.66666V13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
