// 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 SvgController = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.33335 5.33333V8.66667M3.66669 7H7.00002M1.32614 10.3838L2.33335 3.33333H13.6667L14.6739 10.3838C14.846 11.5887 13.9111 12.6667 12.694 12.6667H11L10 10.3333H6.00002L5.00002 12.6667H3.30604C2.08894 12.6667 1.15401 11.5887 1.32614 10.3838ZM12 7C12 7.7364 11.4031 8.33333 10.6667 8.33333C9.93029 8.33333 9.33336 7.7364 9.33336 7C9.33336 6.26362 9.93029 5.66667 10.6667 5.66667C11.4031 5.66667 12 6.26362 12 7Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
