// 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 SvgPretzelBakery = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2.35123 7.57305C0.58541 4.92375 2.4398 1.33331 5.57392 1.33331C7.11818 1.33331 8.35717 2.2084 8.99984 3.41599C9.6425 2.2084 10.8815 1.33331 12.4258 1.33331C15.5598 1.33331 17.4142 4.92375 15.6484 7.57305L13.9998 9.99998L15.8494 13.2165L13.6665 14.6666L11.6665 11.3333H6.33317L4.33317 14.6666L2.15022 13.2165L3.99984 9.99998L2.35123 7.57305Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.49984 8.66651L8.99997 7.83525L8.49984 8.66665L9.49984 8.66651Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.99984 5.33331C6.99984 6.06969 5.6665 7.66665 5.6665 7.66665C5.6665 7.66665 4.33317 6.06969 4.33317 5.33331C4.33317 4.59693 4.93012 3.99998 5.6665 3.99998C6.40288 3.99998 6.99984 4.59693 6.99984 5.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M13.6665 5.33331C13.6665 6.06969 12.3332 7.66665 12.3332 7.66665C12.3332 7.66665 10.9998 6.06969 10.9998 5.33331C10.9998 4.59693 11.5968 3.99998 12.3332 3.99998C13.0696 3.99998 13.6665 4.59693 13.6665 5.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
