// 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 SvgFocusCenter = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.33325 4.66683V1.3335H4.66659M1.33325 11.3335V14.6668H4.66659M14.6666 4.66683V1.3335H11.3333M14.6666 11.3335V14.6668H11.3333M5.33325 8.00016C5.33325 8.70741 5.6142 9.38568 6.1143 9.88578C6.6144 10.3859 7.29267 10.6668 7.99992 10.6668C8.70716 10.6668 9.38544 10.3859 9.88554 9.88578C10.3856 9.38568 10.6666 8.70741 10.6666 8.00016C10.6666 7.29292 10.3856 6.61464 9.88554 6.11454C9.38544 5.61445 8.70716 5.3335 7.99992 5.3335C7.29267 5.3335 6.6144 5.61445 6.1143 6.11454C5.6142 6.61464 5.33325 7.29292 5.33325 8.00016Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
