// 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 SvgCookieBite = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.43958 1.83463C7.58732 2.40583 7.88542 2.93275 8.30975 3.35705C8.93482 3.98217 9.78268 4.33336 10.6667 4.33336C11.485 4.33336 12.2723 4.0325 12.8805 3.49203C12.7405 3.86401 12.6667 4.26155 12.6667 4.66669C12.6667 5.55075 13.0179 6.39859 13.6431 7.02372C14.2681 7.64884 15.116 8.00006 16.0001 8.00006C16.0883 8.00006 16.1761 7.99653 16.2635 7.98959C16.3098 8.32253 16.3334 8.66006 16.3334 9.00006C16.3334 10.9449 15.5608 12.8102 14.1855 14.1855C12.8103 15.5607 10.945 16.3334 9.00008 16.3334C7.05516 16.3334 5.1899 15.5607 3.81463 14.1855C2.43937 12.8102 1.66675 10.9449 1.66675 9.00006C1.66675 7.05511 2.43937 5.18985 3.81463 3.81458C4.81597 2.81323 6.07709 2.13139 7.43958 1.83463Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M5.83341 7.66666H6.16675V7.99999H5.83341V7.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.6667 10.3333H12.0001V10.6667H11.6667V10.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M7.33341 11.6667H7.66675V12H7.33341V11.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
