// 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 SvgArrowElipseUp = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00001 2V11M9.00001 2L13 6M9.00001 2L5.00001 6M9.00001 17V13M9.00001 13C7.05509 13 5.18983 12.7893 3.81456 12.4142C2.43929 12.0391 1.66667 11.5304 1.66667 11C1.66667 10.4696 2.43929 9.96087 3.81456 9.5858C4.70731 9.34233 5.80654 9.16807 7.00001 9.0758M9.00001 13C10.9449 13 12.8102 12.7893 14.1855 12.4142C15.5607 12.0391 16.3333 11.5304 16.3333 11C16.3333 10.4696 15.5607 9.96087 14.1855 9.5858C13.2927 9.34233 12.1935 9.16807 11 9.0758"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
