// 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 SvgSharingData = ({
  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="M5.04588 10.932C4.39634 10.1958 4.00016 9.21611 4.00016 8.14051C4.00016 5.8538 5.79102 4.00004 8.00016 4.00004C10.2093 4.00004 12.0002 5.8538 12.0002 8.14051C12.0002 9.21611 11.604 10.1958 10.9544 10.932M6.94383 8.89004C6.77023 8.65704 6.66696 8.36504 6.66696 8.04804C6.66696 7.28584 7.2639 6.66804 8.00016 6.66804C8.7365 6.66804 9.33343 7.28584 9.33343 8.04804C9.33343 8.36504 9.23016 8.65704 9.05656 8.89004M3.34332 12.7706C2.10332 11.56 1.3335 9.86991 1.3335 8.00004C1.3335 4.31814 4.31826 1.33337 8.00016 1.33337C11.682 1.33337 14.6668 4.31814 14.6668 8.00004C14.6668 9.86991 13.897 11.56 12.657 12.7706M4.00016 14.6667L8.00016 10L12.0002 14.6667H4.00016Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
