// 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 SvgGiveStar = ({
  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="M1.16675 15.6667H8.66675L15.0001 13.6667V13.4053C15.0001 12.4451 14.2217 11.6667 13.2615 11.6667C13.0882 11.6667 12.9159 11.6926 12.7502 11.7436L8.78175 12.9646C8.70548 12.9881 8.62621 13 8.54641 13H5.33341M8.66675 13V11L4.21863 10.0468C4.07333 10.0157 3.92515 10 3.77656 10C2.61134 10 1.66675 10.9446 1.66675 12.1098V12.3334M13.7167 4.13337L12.6667 2.33337L11.6167 4.13337L9.66675 4.73337L11.0167 6.08337L10.5667 8.33337L12.6667 7.38601L14.7667 8.33337L14.3167 6.08337L15.6667 4.73337L13.7167 4.13337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
