// 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 SvgLandscapeLock = ({
  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.65478M1.66675 11.6665L5.66675 7.6665L9.00008 10.9998M12.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.9998M9.33341 3.99984C8.59701 3.99984 8.00008 4.59679 8.00008 5.33317C8.00008 6.06955 8.59701 6.6665 9.33341 6.6665C10.0698 6.6665 10.6667 6.06955 10.6667 5.33317C10.6667 4.59679 10.0698 3.99984 9.33341 3.99984ZM11.0001 12.9998H16.3334V16.3332H11.0001V12.9998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
