// 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 SvgNineToFive = ({
  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="M9.00008 14.3334V17.0001M6.33341 13.6189L5.00008 15.9283M4.38127 11.6667L2.07187 13.0001M16.3334 9.00008C16.3334 10.945 15.5608 12.8103 14.1855 14.1855C13.7284 14.6427 13.2171 15.0332 12.6668 15.3509L9.00008 9.00008H1.66675C1.66675 7.05516 2.43937 5.1899 3.81463 3.81463C5.1899 2.43937 7.05516 1.66675 9.00008 1.66675C10.945 1.66675 12.8103 2.43937 14.1855 3.81463C15.5608 5.1899 16.3334 7.05516 16.3334 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
