// 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 SvgButtonGoBackward0 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.83339 11.6667V6.55224C6.83339 7.19658 6.31105 7.71893 5.66672 7.71893H5.27783M8.38895 11.6667H5.27783M3.09125 4.65596C4.42635 2.84298 6.57585 1.66666 9.00008 1.66666C13.0501 1.66666 16.3334 4.94991 16.3334 9C16.3334 13.0501 13.0501 16.3333 9.00008 16.3333C4.94999 16.3333 1.66675 13.0501 1.66675 9C1.66675 8.3546 1.75013 7.7286 1.90671 7.13233M3.29703 1.95036L2.60685 4.52616L5.18265 5.21634M9.61115 8.13426V10.5324C9.61115 11.1589 10.119 11.6667 10.7454 11.6667H11.588C12.2145 11.6667 12.7223 11.1589 12.7223 10.5324V8.13426C12.7223 7.50782 12.2145 7 11.588 7H10.7454C10.119 7 9.61115 7.50782 9.61115 8.13426Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
