// 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 SvgPhone = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.24215 7.85969C2.23914 6.09193 1.683 4.13941 1.57373 2.16675L5.05852 1.74927L6.28542 6.04338L3.24215 7.85969ZM3.24215 7.85969C3.80773 8.85643 4.51539 9.79449 5.36514 10.6442C6.21489 11.494 7.1529 12.2016 8.1497 12.7672M8.1497 12.7672C9.91744 13.7702 11.87 14.3264 13.8426 14.4356L14.2602 10.951L9.9661 9.72409L8.1497 12.7672Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
