// 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 SvgPlayListPhone = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.3333 9.66666V16.3333H2V2.99999H8.66667M8.00033 13.6667H5.33366M11.3333 6.33332C11.3333 6.68695 11.1929 7.02608 10.9428 7.27613C10.6928 7.52618 10.3536 7.66666 10 7.66666C9.64638 7.66666 9.30724 7.52618 9.05719 7.27613C8.80714 7.02608 8.66667 6.68695 8.66667 6.33332C8.66667 5.9797 8.80714 5.64056 9.05719 5.39051C9.30724 5.14047 9.64638 4.99999 10 4.99999C10.3536 4.99999 10.6928 5.14047 10.9428 5.39051C11.1929 5.64056 11.3333 5.9797 11.3333 6.33332ZM11.3333 6.33332V1.66666H12C13.4727 1.66666 14.6667 2.86056 14.6667 4.33332V4.99999"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
