// 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 SvgButtonGoBackward30 = ({
  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="M5.22913 8.14586V7.65625C5.22913 7.28806 5.52761 6.98958 5.89579 6.98958H7.24996C7.61815 6.98958 7.91663 7.28806 7.91663 7.65624V8.47913C7.91663 8.84733 7.61815 9.14586 7.24996 9.14586H5.70829M4.99996 10.3149V11C4.99996 11.3682 5.29844 11.6667 5.66663 11.6667H7.44439C7.81256 11.6667 8.11103 11.3682 8.11103 11V9.81246C8.11103 9.44433 7.81256 9.1458 7.44439 9.1458H5.55465M3.09113 4.65596C4.42623 2.84298 6.57573 1.66666 8.99996 1.66666C13.05 1.66666 16.3333 4.94991 16.3333 9C16.3333 13.0501 13.05 16.3333 8.99996 16.3333C4.94987 16.3333 1.66663 13.0501 1.66663 9C1.66663 8.3546 1.75001 7.7286 1.90659 7.13233M3.29691 1.95036L2.60673 4.52616L5.18253 5.21634M10.1666 8.13426V10.5324C10.1666 11.1589 10.6744 11.6667 11.3009 11.6667H12.1435C12.7699 11.6667 13.2778 11.1589 13.2778 10.5324V8.13426C13.2778 7.50782 12.7699 7 12.1435 7H11.3009C10.6744 7 10.1666 7.50782 10.1666 8.13426Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
