// 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 SvgKeyholeLockSquare = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.99992 8.33325C7.6463 8.33325 7.30716 8.19278 7.05711 7.94273C6.80706 7.69268 6.66659 7.35354 6.66659 6.99992C6.66659 6.6463 6.80706 6.30716 7.05711 6.05711C7.30716 5.80706 7.6463 5.66659 7.99992 5.66659C8.35354 5.66659 8.69268 5.80706 8.94273 6.05711C9.19278 6.30716 9.33325 6.6463 9.33325 6.99992C9.33325 7.35354 9.19278 7.69268 8.94273 7.94273C8.69268 8.19278 8.35354 8.33325 7.99992 8.33325ZM7.99992 8.33325L7.99992 10.9999M1.33325 1.33325H14.6666V14.6666H1.33325V1.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
