// 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 SvgButtonSkipForward0 = ({
  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="M8.40471 1.50385L10.2479 3.347L8.40471 5.19016M11.7468 1.50385L13.59 3.347L11.7468 5.19016M13.5124 5.99506C14.2203 7.05022 14.6332 8.31986 14.6332 9.68593C14.6332 13.3493 11.6634 16.3191 8.00004 16.3191C4.33661 16.3191 1.36682 13.3493 1.36682 9.68593C1.36682 6.02252 4.33661 3.05273 8.00004 3.05273C8.66171 3.05273 9.30071 3.1496 9.90371 3.32995H10.2292M5.93787 11.7127V7.66666C5.93787 8.22533 5.485 8.6782 4.92636 8.6782H4.58919M7.28664 11.7121H4.58931M8.70504 9.01533V10.364C8.70504 11.1089 9.30884 11.7127 10.0537 11.7127C10.7986 11.7127 11.4024 11.1089 11.4024 10.364V9.01533C11.4024 8.27046 10.7986 7.66666 10.0537 7.66666C9.30884 7.66666 8.70504 8.27046 8.70504 9.01533Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
