// 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 SvgCarrot = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.6306 4H17M13.3326 3.66732L16.3333 0.666667M13.3326 3.66732C11.7697 2.10437 9.23564 2.10438 7.6727 3.66733C6.10974 5.23029 2.21997 14.7801 2.21997 14.7801C2.21997 14.7801 11.7697 10.8903 13.3326 9.32733C14.8956 7.76433 14.8956 5.23028 13.3326 3.66732ZM13 0V3.36938M9.66664 7.33333L6.96561 4.63233M8.6389 11.9723L6.99997 10.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
