// 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 SvgSyncPlaylist = ({
  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="M7.15411 6.1149C7.02908 6.32658 6.87706 6.5235 6.70027 6.7003C6.14729 7.25328 5.39729 7.56393 4.61527 7.56393C3.83324 7.56393 3.08324 7.25328 2.53027 6.7003C1.97729 6.14732 1.66663 5.39732 1.66663 4.6153C1.66663 3.83327 1.97729 3.08327 2.53027 2.53029C3.08324 1.97732 3.83324 1.66666 4.61527 1.66666C5.39729 1.66666 6.14729 1.97732 6.70027 2.53029C6.9913 2.82133 7.21521 3.16694 7.36205 3.54306C7.38735 3.6122 7.43796 3.78916 7.43796 3.94394M5.21863 3.9414H8.01331V1.14673M10.8165 13.9233V4.33104H11.6348C14.1959 4.33104 16.272 6.40721 16.272 8.96826M6.04197 13.946C6.04197 14.5792 6.2935 15.1864 6.74121 15.6341C7.18892 16.0818 7.79615 16.3333 8.42931 16.3333C9.06247 16.3333 9.6697 16.0818 10.1174 15.6341C10.5651 15.1864 10.8166 14.5792 10.8166 13.946C10.8166 13.3128 10.5651 12.7056 10.1174 12.2579C9.6697 11.8102 9.06247 11.5587 8.42931 11.5587C7.79615 11.5587 7.18892 11.8102 6.74121 12.2579C6.2935 12.7056 6.04197 13.3128 6.04197 13.946Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
