// 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 SvgChangeAccountPinPassword = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.99998 13.6667H8.99998M3.77781 13.6667H5.77781M10.2223 13.6667H12.2223M6.46271 2.52407C6.25103 2.6491 6.0541 2.80112 5.87731 2.97791C5.32433 3.53089 5.01367 4.28089 5.01367 5.06291C5.01367 5.84494 5.32433 6.59494 5.87731 7.14791C6.43029 7.70087 7.18031 8.01153 7.96231 8.01153C8.74431 8.01153 9.49431 7.70087 10.0473 7.14791C10.6003 6.59494 10.911 5.84494 10.911 5.06291C10.911 4.28089 10.6003 3.53089 10.0473 2.97791C9.75631 2.68688 9.41065 2.46297 9.03451 2.31614L8.64058 2.20313M8.63618 4.45955V1.66488H11.4308M14.6666 11H1.33331V16.3333H14.6666V11Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
