// 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 SvgChefToqueHat = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.3335 13.6667H12.6668M5.48324 3.45011C5.84771 2.41142 6.83696 1.66666 8.00016 1.66666C9.16336 1.66666 10.1526 2.41142 10.5171 3.45011C10.9412 3.16582 11.4513 2.99999 12.0002 2.99999C13.4729 2.99999 14.6668 4.1939 14.6668 5.66666C14.6668 6.90922 13.817 7.95326 12.6668 8.24932V16.3333H3.3335V8.24932C2.18334 7.95326 1.3335 6.90922 1.3335 5.66666C1.3335 4.1939 2.5274 2.99999 4.00016 2.99999C4.54904 2.99999 5.05919 3.16582 5.48324 3.45011Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
