// 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 SvgCroissant = ({
  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="M11.689 10.1793C13.1433 10.994 14.4739 12.3759 15.0001 14H15.8041C16.1453 13.1511 16.3334 11.4697 16.3334 10.4963C16.3334 8.1466 15.0759 6.05666 13.3701 4.7238M4.63003 4.7238C2.92425 6.05666 1.66675 8.1466 1.66675 10.4963C1.66675 11.4697 1.85479 13.1511 2.19604 14H3.00008C3.52624 12.3759 4.85687 10.994 6.31113 10.1793M13.6095 11.6945L15.9796 8.35447M2.01953 8.3576L4.39409 11.6909M6.66675 11.3333L4.33341 3.76125C6.68524 1.41291 11.3149 1.41291 13.6667 3.76125L11.3334 11.3333H6.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
