// 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 SvgBurger = ({
  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="M2.66659 11.9667V12C2.66659 13.4727 3.86049 14.6667 5.33325 14.6667H10.6666C12.1393 14.6667 13.3333 13.4727 13.3333 12V11.9667M1.33325 10.3333C1.33325 11.2538 2.07945 12 2.99992 12C3.92039 12 4.66659 11.2538 4.66659 10.3333C4.66659 11.2538 5.41278 12 6.33325 12C7.25372 12 7.99992 11.2538 7.99992 10.3333C7.99992 11.2538 8.74612 12 9.66658 12C10.5871 12 11.3333 11.2538 11.3333 10.3333C11.3333 11.2538 12.0795 12 12.9999 12C13.9204 12 14.6666 11.2538 14.6666 10.3333M1.33325 6.00001H14.6666V8.66668H1.33325V6.00001ZM2.66659 5.33334C2.66659 3.1242 4.45745 1.33334 6.66658 1.33334H9.33325C11.5424 1.33334 13.3333 3.1242 13.3333 5.33334V6.00001H2.66659V5.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
