// 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 SvgVolcano = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.66675 7.66666C3.56218 7.66666 2.66675 6.77122 2.66675 5.66666C2.66675 4.56209 3.56218 3.66666 4.66675 3.66666C4.92055 3.66666 5.16332 3.71394 5.38672 3.80016C5.63373 2.58288 6.70988 1.66666 8.00008 1.66666C9.29028 1.66666 10.3664 2.58288 10.6134 3.80017C10.8368 3.71394 11.0796 3.66666 11.3334 3.66666C12.438 3.66666 13.3334 4.56209 13.3334 5.66666C13.3334 6.77122 12.438 7.66666 11.3334 7.66666M0.666748 16.3333L4.66675 12.3333H11.3334L15.3334 16.3333M6.66675 12.3333V6.99999M9.33342 12.3333V6.99999"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
