// 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 SvgCommandSquare = ({
  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="M6.04776 6.04761V4.90476C6.04776 4.27357 5.53608 3.7619 4.9049 3.7619C4.27372 3.7619 3.76204 4.27357 3.76204 4.90476C3.76204 5.53594 4.27372 6.04761 4.9049 6.04761H6.04776ZM6.04776 6.04761V9.9524M6.04776 6.04761H9.9525M6.04776 9.9524V11.0953C6.04776 11.7264 5.53608 12.2381 4.9049 12.2381C4.27372 12.2381 3.76204 11.7264 3.76204 11.0953C3.76204 10.4641 4.27372 9.9524 4.9049 9.9524H6.04776ZM6.04776 9.9524H9.9525M9.9525 6.04761V9.9524M9.9525 6.04761V4.90476C9.9525 4.27357 10.4642 3.7619 11.0954 3.7619C11.7266 3.7619 12.2382 4.27357 12.2382 4.90476C12.2382 5.53594 11.7266 6.04761 11.0954 6.04761H9.9525ZM9.9525 9.9524H11.0954C11.7266 9.9524 12.2382 10.4641 12.2382 11.0953C12.2382 11.7264 11.7266 12.2381 11.0954 12.2381C10.4642 12.2381 9.9525 11.7264 9.9525 11.0953V9.9524ZM14.6668 1.33333H1.3335V14.6667H14.6668V1.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
