// 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 SvgFriedEggBreakfast = ({
  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.66042 12.3128C0.614864 8.81231 1.82878 4.33613 5.37178 2.31508C8.91475 0.294027 13.4452 1.49341 15.4907 4.99397C16.2485 6.29078 16.5965 7.81178 16.1061 9.12418C15.7711 10.0206 14.7078 10.2033 13.7628 10.1746C12.6392 10.1404 11.4925 10.4048 10.4474 11.001C9.58722 11.4917 8.94595 12.162 8.47848 12.9337C7.84382 13.9814 6.82168 14.9246 5.65142 14.6025C4.35524 14.2459 3.35418 13.5001 2.66042 12.3128Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M8.33342 5.99998C8.33342 6.53041 8.54415 7.03911 8.91922 7.41418C9.29428 7.78925 9.80302 7.99998 10.3334 7.99998C10.8638 7.99998 11.3725 7.78925 11.7476 7.41418C12.1227 7.03911 12.3334 6.53041 12.3334 5.99998C12.3334 5.46955 12.1227 4.96084 11.7476 4.58577C11.3725 4.21069 10.8638 3.99998 10.3334 3.99998C9.80302 3.99998 9.29428 4.21069 8.91922 4.58577C8.54415 4.96084 8.33342 5.46955 8.33342 5.99998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
