// 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 SvgWatchCircleMenu = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.6669 7.66669H8.00021M6.66687 7.66669H5.33354M10.6669 10.3334H8.00021M6.66687 10.3334H5.33354M4.66687 12.7323V16.3334H11.3335V12.7323M4.66687 5.28375L4.66683 1.66669H11.3335L11.3335 5.28375M3.01221 9.01202C3.01221 9.66705 3.14123 10.3157 3.3919 10.9208C3.64257 11.526 4.00998 12.0759 4.47316 12.5391C4.93634 13.0022 5.48621 13.3697 6.09138 13.6203C6.69655 13.871 7.34517 14 8.00021 14C8.65524 14 9.30386 13.871 9.90903 13.6203C10.5142 13.3697 11.0641 13.0022 11.5273 12.5391C11.9904 12.0759 12.3578 11.526 12.6085 10.9208C12.8592 10.3157 12.9882 9.66705 12.9882 9.01202C12.9882 7.68912 12.4627 6.4204 11.5273 5.48497C10.5918 4.54954 9.32311 4.02402 8.00021 4.02402C6.67731 4.02402 5.40859 4.54954 4.47316 5.48497C3.53773 6.4204 3.01221 7.68912 3.01221 9.01202Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
