// 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 SvgDesktopSync = ({
  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="M10.1884 3.54568C10.3352 3.16954 10.5591 2.82394 10.8502 2.5329C11.4031 1.97992 12.1531 1.66927 12.9352 1.66927C13.7172 1.66927 14.4672 1.97993 15.0202 2.5329C15.3112 2.82394 15.5351 3.16954 15.6819 3.54568L15.8215 3.95152M13.5385 3.94401H16.3332V1.14934M15.798 5.89263C15.6512 6.26876 15.4272 6.61437 15.1362 6.9054C14.5832 7.45838 13.8332 7.76906 13.0512 7.76906C12.2692 7.76906 11.5192 7.45838 10.9662 6.9054C10.6752 6.61437 10.4512 6.26876 10.3044 5.89263L10.1705 5.49989M12.4478 5.4943H9.65317V8.289M7.6665 4.33333H1.6665V13.6667H14.9998V9.66666M8.33317 13.6667V16.3333M4.99984 16.3333H11.6665"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
