// 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 SvgButtonSkipBackward0 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.62881 1.50385L5.78563 3.347L7.62881 5.19016M4.28666 1.50385L2.4435 3.347L4.28666 5.19016M5.93792 11.7127V7.66666C5.93792 8.22533 5.48505 8.6782 4.92641 8.6782H4.58925M7.28661 11.7121H4.58929M2.48767 5.99506C1.77978 7.05022 1.36682 8.31986 1.36682 9.68593C1.36682 13.3493 4.33661 16.3191 8.00001 16.3191C11.6634 16.3191 14.6332 13.3493 14.6332 9.68593C14.6332 6.02252 11.6634 3.05273 8.00001 3.05273C7.33835 3.05273 6.69935 3.1496 6.09635 3.32995H5.77085M8.70501 9.01533V10.364C8.70501 11.1089 9.30881 11.7127 10.0537 11.7127C10.7985 11.7127 11.4023 11.1089 11.4023 10.364V9.01533C11.4023 8.27046 10.7985 7.66666 10.0537 7.66666C9.30881 7.66666 8.70501 8.27046 8.70501 9.01533Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
