// 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 SvgPhoneRotateMobile = ({
  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="M8.31792 10.3175L9.26072 9.37466M13.7769 1.68388H10.8885V4.57224M2.22349 16.1257H5.11184V13.2373M8.00018 1.68384C4.0122 1.68384 0.779297 4.91674 0.779297 8.90473C0.779297 11.5775 2.23141 13.9111 4.38974 15.1596L5.11183 15.5406M8.00032 16.1257C11.9883 16.1257 15.2212 12.8927 15.2212 8.90472C15.2212 6.23199 13.7691 3.8984 11.6108 2.64988L10.9 2.24966M7.27032 4.6414L3.60956 8.30212L8.72985 13.4225L12.3906 9.76172L7.27032 4.6414Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
