// 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 SvgPlayList7 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13 15C13 15.3536 12.8595 15.6928 12.6094 15.9428C12.3594 16.1928 12.0202 16.3333 11.6666 16.3333C11.313 16.3333 10.9739 16.1928 10.7238 15.9428C10.4738 15.6928 10.3333 15.3536 10.3333 15C10.3333 14.6464 10.4738 14.3072 10.7238 14.0572C10.9739 13.8071 11.313 13.6667 11.6666 13.6667C12.0202 13.6667 12.3594 13.8071 12.6094 14.0572C12.8595 14.3072 13 14.6464 13 15ZM13 15V10.3333H13.6666C15.1394 10.3333 16.3333 11.5273 16.3333 13V13.6667M6.14329 2.93332H15.01M6.14329 7.99999H15.01M6.14329 13.0667H8.97396M1.70996 1.66666H4.24329V4.19999H1.70996V1.66666ZM1.70996 6.73333H4.24329V9.26666H1.70996V6.73333ZM1.70996 11.8H4.24329V14.3333H1.70996V11.8Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
