// 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 SvgPie = ({
  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="M6.33341 3.99998C5.59703 3.99998 5.00008 3.40303 5.00008 2.66665C5.00008 1.93027 5.59703 1.33331 6.33341 1.33331M9.66675 3.99998C8.93035 3.99998 8.33341 3.40303 8.33341 2.66665C8.33341 1.93027 8.93035 1.33331 9.66675 1.33331M13.0001 3.99998C12.2637 3.99998 11.6667 3.40303 11.6667 2.66665C11.6667 1.93027 12.2637 1.33331 13.0001 1.33331M6.33341 9.33331L7.66675 7.99998M11.6667 9.33331L10.3334 7.99998M3.66675 14L2.33341 11.3333H15.6667L14.3334 14H3.66675ZM1.66675 11.3333H16.3334V8.99998C16.3334 8.99998 13.6667 5.99998 9.00008 5.99998C4.33341 5.99998 1.66675 8.99998 1.66675 8.99998V11.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
