// 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 SvgPhoneSettingBoltNut = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.6668 10.3334V16.3334H1.3335V3.00004H6.66683M7.33383 13.6667H4.66716M11.9461 5.72839V4.39506M13.0818 7.49259L12.6855 8.33957H11.2055L10.8094 7.49186L10.3678 7.23692L9.43563 7.31725L8.69563 6.03553L9.2319 5.26813V4.75915L8.69596 3.99166L9.43596 2.70994L10.3683 2.79067L10.8096 2.536L11.2055 1.68835H12.6855L13.082 2.53541L13.5242 2.79078L14.4558 2.70994L15.1958 3.99166L14.6606 4.75807L14.6606 5.2696L15.196 6.03553L14.456 7.31725L13.5244 7.23707L13.0818 7.49259Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
