// 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 SvgPlayList6 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.99996 9.55133C8.99996 9.86075 8.87704 10.1575 8.65825 10.3763C8.43946 10.5951 8.14271 10.718 7.83329 10.718C7.52387 10.718 7.22713 10.5951 7.00833 10.3763C6.78954 10.1575 6.66663 9.86075 6.66663 9.55133C6.66663 9.24191 6.78954 8.94517 7.00833 8.72638C7.22713 8.50758 7.52387 8.38467 7.83329 8.38467C8.14271 8.38467 8.43946 8.50758 8.65825 8.72638C8.87704 8.94517 8.99996 9.24191 8.99996 9.55133ZM8.99996 9.55133L8.99996 5.28223C10.286 5.28223 11.3286 6.32477 11.3286 7.6108V7.99893M1.66663 3.33333V12.6667M16.3333 3.33333V12.6667M4.33329 14V2H13.6666V14H4.33329Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
