// 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 SvgRepeatPlaylist = ({
  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="M2.13289 3.31158C2.26074 2.98407 2.45571 2.68314 2.70913 2.42972C3.19063 1.94823 3.84367 1.67772 4.52461 1.67772C5.20555 1.67772 5.85861 1.94823 6.3401 2.42972C6.59352 2.68314 6.78849 2.98407 6.91634 3.31158L7.06368 3.66609M5.05006 3.65852H7.48348V1.2251M4.10017 5.00813H1.66675V7.44155M7.02138 5.36264C6.89353 5.69014 6.69856 5.99108 6.44515 6.24449C5.96365 6.72599 5.3106 6.99649 4.62966 6.99649C3.94872 6.99649 3.29567 6.72599 2.81417 6.24449C2.56076 5.99108 2.36579 5.69014 2.23794 5.36264L2.0906 5.00812M10.8166 13.9233V4.33104H11.6349C14.196 4.33104 16.2721 6.40721 16.2721 8.96826M6.04208 13.946C6.04208 14.5792 6.2936 15.1864 6.74131 15.6341C7.18903 16.0818 7.79625 16.3333 8.42941 16.3333C9.06257 16.3333 9.6698 16.0818 10.1175 15.6341C10.5652 15.1864 10.8167 14.5792 10.8167 13.946C10.8167 13.3128 10.5652 12.7056 10.1175 12.2579C9.6698 11.8102 9.06257 11.5587 8.42941 11.5587C7.79625 11.5587 7.18903 11.8102 6.74131 12.2579C6.2936 12.7056 6.04208 13.3128 6.04208 13.946Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
