// 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 SvgPhoneOtp = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.6668 6.70184V15.3334H1.3335V2.00004H2.66204M7.33383 12.6667H4.66716M8.4175 1.33337H10.0286M10.0286 1.33337H11.6397M10.0286 1.33337L10.0285 5.16671M13.1112 3.27782V1.33337H14.8473C15.1158 1.33337 15.3334 1.55101 15.3334 1.81949V2.79171C15.3334 3.06018 15.1158 3.27782 14.8473 3.27782H13.1112ZM13.1112 3.27782V5.16672M4.63948 1.81949V4.18059C4.63948 4.44907 4.85712 4.66671 5.1256 4.66671H6.3756C6.64407 4.66671 6.8617 4.44907 6.8617 4.18059V1.81949C6.8617 1.55101 6.64407 1.33337 6.3756 1.33337H5.1256C4.85712 1.33337 4.63948 1.55101 4.63948 1.81949Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
