// 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 SvgPhonePlay = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.1526 9.085C15.0313 7.53647 15.5185 5.82607 15.6142 4.09801L12.5614 3.7323L11.4866 7.49393L14.1526 9.085ZM14.1526 9.085C13.6572 9.9582 13.0373 10.7799 12.2929 11.5243C11.5485 12.2687 10.7268 12.8886 9.85364 13.3841M9.85364 13.3841C8.3051 14.2627 6.59466 14.7499 4.8666 14.8456L4.50078 11.793L8.26244 10.7182L9.85364 13.3841ZM1.6665 7.33333V2L5.6665 4.66667L1.6665 7.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
