// 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 SvgPlayListFolder = ({
  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="M11.3333 13.3333C11.3333 13.687 11.1928 14.0261 10.9428 14.2762C10.6927 14.5262 10.3536 14.6667 9.99995 14.6667C9.64633 14.6667 9.30719 14.5262 9.05714 14.2762C8.80709 14.0261 8.66662 13.687 8.66662 13.3333C8.66662 12.9797 8.80709 12.6406 9.05714 12.3905C9.30719 12.1405 9.64633 12 9.99995 12C10.3536 12 10.6927 12.1405 10.9428 12.3905C11.1928 12.6406 11.3333 12.9797 11.3333 13.3333ZM11.3333 13.3333L11.3333 8.66668H12C13.4727 8.66668 14.6666 9.86061 14.6666 11.3333V12M6.99995 13.3333H1.33325V1.33334H5.33325L7.99995 4.00001H14.6666V7.33334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
