// 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 SvgPlayList5 = ({
  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="M6.33337 8.66668C6.33337 9.0203 6.1929 9.35944 5.94285 9.60949C5.6928 9.85953 5.35366 10 5.00004 10C4.64642 10 4.30728 9.85953 4.05723 9.60949C3.80718 9.35944 3.66671 9.0203 3.66671 8.66668C3.66671 8.31305 3.80718 7.97392 4.05723 7.72387C4.30728 7.47382 4.64642 7.33334 5.00004 7.33334C5.35366 7.33334 5.6928 7.47382 5.94285 7.72387C6.1929 7.97392 6.33337 8.31305 6.33337 8.66668ZM6.33337 8.66668V3.66668H7.00004C8.47277 3.66668 9.66671 4.86058 9.66671 6.33334V7.00001M3.33337 14.6667H14.6667V3.33334M1.33337 12H12V1.33334H1.33337V12Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
