// 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 SvgSmartKey = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.33341 2.84361C6.48034 1.91048 5.30183 1.33333 4.00008 1.33333C2.69833 1.33333 1.51982 1.91048 0.666748 2.84361M2.33341 4.66659C2.75995 4.20003 3.34921 3.91146 4.00008 3.91146C4.65095 3.91146 5.24021 4.20003 5.66675 4.66659M7.66581 8.71433L11.6667 4.71338M11.6667 4.71338L13.6667 2.71338L11.6667 0.713379M11.6667 4.71338L9.66675 2.71338M1.33341 11.0467L3.66675 8.7134H7.66675V12.7134L5.33341 15.0467L1.33341 11.0467Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
