// 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 SvgVoiceMailPhone = ({
  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="M14.6687 1.67704V5.01812M9.33537 1.67704V5.01812M12.002 0.680298V6.01493M2.84729 8.86476C1.96866 7.31623 1.48147 5.6058 1.38574 3.87775L4.43855 3.51204L5.51331 7.27369L2.84729 8.86476ZM2.84729 8.86476C3.34274 9.73796 3.96266 10.5597 4.70704 11.304C5.45142 12.0484 6.27314 12.6684 7.14631 13.1638M7.14631 13.1638C8.69484 14.0424 10.4053 14.5296 12.1334 14.6254L12.4992 11.5728L8.73751 10.498L7.14631 13.1638Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
