// 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 SvgArrowElipseLeft = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2 9.00002H11M2 9.00002L6 5.00002M2 9.00002L6 13M17 9.00002H13M13 9.00002C13 10.945 12.7893 12.8102 12.4142 14.1855C12.0391 15.5608 11.5304 16.3334 11 16.3334C10.4696 16.3334 9.96087 15.5608 9.5858 14.1855C9.34233 13.2927 9.16807 12.1935 9.0758 11M13 9.00002C13 7.0551 12.7893 5.18984 12.4142 3.81457C12.0391 2.4393 11.5305 1.66669 11 1.66669C10.4696 1.66669 9.96087 2.4393 9.5858 3.81457C9.34233 4.70732 9.16807 5.80655 9.0758 7.00002"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
