// 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 SvgUserSyncOnlineInPerson = ({
  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="M5.66675 12.3332V11.3332C5.66675 11.3332 7.00008 10.3332 9.00008 10.3332C11.0001 10.3332 12.3334 11.3332 12.3334 11.3332V12.3332M1.66675 8.99984C1.66675 4.94975 4.94999 1.6665 9.00008 1.6665C12.1094 1.6665 14.7667 3.6016 15.8335 6.33317M16.3334 8.99984C16.3334 13.0499 13.0501 16.3332 9.00008 16.3332C5.89077 16.3332 3.23343 14.3981 2.16667 11.6665M16.3334 3.6665V6.33317H13.6667M1.66675 14.3332V11.6665H4.33341M7.33275 6.66717C7.33275 6.88613 7.37587 7.10294 7.45967 7.30523C7.54346 7.50752 7.66627 7.69133 7.8211 7.84615C7.97593 8.00098 8.15973 8.12379 8.36202 8.20759C8.56431 8.29138 8.78112 8.3345 9.00008 8.3345C9.21904 8.3345 9.43585 8.29138 9.63814 8.20759C9.84043 8.12379 10.0242 8.00098 10.1791 7.84615C10.3339 7.69133 10.4567 7.50752 10.5405 7.30523C10.6243 7.10294 10.6674 6.88613 10.6674 6.66717C10.6674 6.44821 10.6243 6.2314 10.5405 6.02911C10.4567 5.82682 10.3339 5.64301 10.1791 5.48819C10.0242 5.33336 9.84043 5.21055 9.63814 5.12676C9.43585 5.04296 9.21904 4.99984 9.00008 4.99984C8.78112 4.99984 8.56431 5.04296 8.36202 5.12676C8.15973 5.21055 7.97593 5.33336 7.8211 5.48819C7.66627 5.64301 7.54346 5.82682 7.45967 6.02911C7.37587 6.2314 7.33275 6.44821 7.33275 6.66717Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
