// 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 SvgCloudLock = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.6665 11.9334C15.188 11.6245 16.3332 10.2794 16.3332 8.66671C16.3332 6.82577 14.8408 5.33337 12.9998 5.33337C12.9998 3.12423 11.209 1.33337 8.99984 1.33337C7.24897 1.33337 5.76084 2.4583 5.21878 4.02482C3.22038 4.24739 1.6665 5.94225 1.6665 8.00004C1.6665 9.74164 2.77958 11.2233 4.33317 11.7724M7.33317 11.3334V9.33337C7.33317 8.41291 8.07937 7.66671 8.99984 7.66671C9.9203 7.66671 10.6665 8.41291 10.6665 9.33337V11.3334M6.33317 11.3334H11.6665V14.6667H6.33317V11.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
