// 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 SvgMenu = ({
  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="M0.666504 3.99998H4.6665M0.666504 7.99998H4.6665M0.666504 12H4.6665M2.6665 1.33331H14.6665V14.6666H2.6665V1.33331ZM7.74037 5.35249C8.00737 4.93978 8.4717 4.66665 8.99984 4.66665C9.52797 4.66665 9.9923 4.93978 10.2593 5.35249C10.3376 5.33987 10.418 5.33331 10.4998 5.33331C11.3282 5.33331 11.9998 6.00489 11.9998 6.83331C11.9998 7.60538 11.4165 8.24125 10.6665 8.32418V10.6666H7.33317V8.32418C6.58318 8.24125 5.99984 7.60538 5.99984 6.83331C5.99984 6.00489 6.67144 5.33331 7.49984 5.33331C7.5817 5.33331 7.66204 5.33987 7.74037 5.35249Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
