// 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 SvgPhoneStar = ({
  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.08504C15.0313 7.53651 15.5185 5.82611 15.6142 4.09805L12.5614 3.73234L11.4866 7.49397L14.1526 9.08504ZM14.1526 9.08504C13.6572 9.95824 13.0373 10.78 12.2929 11.5244C11.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.3841ZM7.66636 4.08995C6.36488 3.65613 5.3436 2.63485 4.90978 1.33337H4.42308C3.98926 2.63485 2.96798 3.65613 1.6665 4.08995V4.57679C2.96798 5.01062 3.98926 6.03189 4.42308 7.33337H4.90978C5.3436 6.03189 6.36488 5.01062 7.66636 4.57679V4.08995Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
