// 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 SvgCommand = ({
  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="M4.66683 4.66667V3C4.66683 2.07953 3.92064 1.33333 3.00016 1.33333C2.07969 1.33333 1.3335 2.07953 1.3335 3C1.3335 3.92047 2.07969 4.66667 3.00016 4.66667H4.66683ZM4.66683 4.66667H11.3335M4.66683 4.66667V11.3333M4.66683 11.3333H3.00016C2.07969 11.3333 1.3335 12.0795 1.3335 13C1.3335 13.9205 2.07969 14.6667 3.00016 14.6667C3.92064 14.6667 4.66683 13.9205 4.66683 13V11.3333ZM4.66683 11.3333H11.3335M11.3335 4.66667H13.0002C13.9206 4.66667 14.6668 3.92047 14.6668 3C14.6668 2.07953 13.9206 1.33333 13.0002 1.33333C12.0797 1.33333 11.3335 2.07953 11.3335 3V4.66667ZM11.3335 4.66667V11.3333M11.3335 11.3333H13.0002C13.9206 11.3333 14.6668 12.0795 14.6668 13C14.6668 13.9205 13.9206 14.6667 13.0002 14.6667C12.0797 14.6667 11.3335 13.9205 11.3335 13V11.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
