// 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 SvgUserWorkLaptopOutdoor = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.33333 1C4.33333 2.84095 2.84095 4.33333 1 4.33333M5.66667 1.66667H7.33333M4.48813 4.48815L5.66665 5.66667M1.66667 5.66667V7.33333M13 15H9M9 15H3L1.85335 10.3333H7.85333L9 15ZM14.3333 14.9989H16.3333V11.856C16.3333 11.856 14.5555 10.3322 11 10.3322C10.5237 10.3322 10.0792 10.3595 9.66667 10.4069M8.334 5.666C8.334 6.37307 8.61488 7.05117 9.11485 7.55115C9.61483 8.05112 10.2929 8.332 11 8.332C11.7071 8.332 12.3852 8.05112 12.8851 7.55115C13.3851 7.05117 13.666 6.37307 13.666 5.666C13.666 4.95893 13.3851 4.28083 12.8851 3.78085C12.3852 3.28088 11.7071 3 11 3C10.2929 3 9.61483 3.28088 9.11485 3.78085C8.61488 4.28083 8.334 4.95893 8.334 5.666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
