// 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 SvgOnlineStatusAwayAccount = ({
  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="M11.9577 10.6667C12.3697 10.4537 12.8375 10.3334 13.3334 10.3334C13.8293 10.3334 14.2971 10.4537 14.7091 10.6667M10.6667 14.7091C10.4537 14.297 10.3334 13.8292 10.3334 13.3333C10.3334 12.8375 10.4537 12.3697 10.6667 11.9576M14.7091 16.0001C14.2971 16.2131 13.8293 16.3334 13.3334 16.3334C12.8375 16.3334 12.3697 16.2131 11.9577 16.0001M16.0001 11.9576C16.2131 12.3697 16.3334 12.8375 16.3334 13.3333C16.3334 13.8292 16.2131 14.297 16.0001 14.7091M8.33341 13.6656H1.66675V10.8572C1.66675 10.8572 3.44453 9.33341 7.00008 9.33341C8.20388 9.33341 9.20388 9.50808 10.0001 9.73915M4.33408 4.33275C4.33408 5.03982 4.61496 5.71792 5.11493 6.2179C5.61491 6.71787 6.29301 6.99875 7.00008 6.99875C7.70715 6.99875 8.38526 6.71787 8.88523 6.2179C9.3852 5.71792 9.66608 5.03982 9.66608 4.33275C9.66608 3.62568 9.3852 2.94757 8.88523 2.4476C8.38526 1.94763 7.70715 1.66675 7.00008 1.66675C6.29301 1.66675 5.61491 1.94763 5.11493 2.4476C4.61496 2.94757 4.33408 3.62568 4.33408 4.33275Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
