// 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 SvgDesktopShare = ({
  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="M6.99984 4.33334H1.6665V13.6667H14.9998V11M8.33317 13.6667V16.3333M4.99984 16.3333H11.6665M11.5259 4.73686L13.8068 3.5962M11.5259 5.92986L13.807 7.07025M14.9998 1.66667C14.2634 1.66667 13.6665 2.26363 13.6665 3.00001C13.6665 3.73639 14.2634 4.33334 14.9998 4.33334C15.7362 4.33334 16.3332 3.73639 16.3332 3.00001C16.3332 2.26363 15.7362 1.66667 14.9998 1.66667ZM13.6665 7.66667C13.6665 8.40307 14.2634 9 14.9998 9C15.7362 9 16.3332 8.40307 16.3332 7.66667C16.3332 6.93029 15.7362 6.33334 14.9998 6.33334C14.2634 6.33334 13.6665 6.93029 13.6665 7.66667ZM8.99984 5.33334C8.99984 6.06972 9.59677 6.66667 10.3332 6.66667C11.0696 6.66667 11.6665 6.06972 11.6665 5.33334C11.6665 4.59696 11.0696 4.00001 10.3332 4.00001C9.59677 4.00001 8.99984 4.59696 8.99984 5.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
