// 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 SvgPortraitLock = ({
  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.00008 12.9998H1.66675V1.6665H13.0001V7.6665M1.66675 11.9259C3.27743 10.8162 5.22955 10.1665 7.33341 10.1665C8.13681 10.1665 8.91815 10.2612 9.66675 10.4402M12.0001 12.9998V11.3332C12.0001 10.4127 12.7463 9.6665 13.6667 9.6665C14.5872 9.6665 15.3334 10.4127 15.3334 11.3332V12.9998M5.16675 5.99984C5.16675 6.57447 5.39502 7.12557 5.80135 7.5319C6.20768 7.93823 6.75878 8.1665 7.33341 8.1665C7.90805 8.1665 8.45915 7.93823 8.86548 7.5319C9.27181 7.12557 9.50008 6.57447 9.50008 5.99984C9.50008 5.4252 9.27181 4.8741 8.86548 4.46777C8.45915 4.06144 7.90805 3.83317 7.33341 3.83317C6.75878 3.83317 6.20768 4.06144 5.80135 4.46777C5.39502 4.8741 5.16675 5.4252 5.16675 5.99984ZM11.0001 12.9998H16.3334V16.3332H11.0001V12.9998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
