// 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 SvgRecordingTape2 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.63033 10.6667H13.3784M1.66663 7.66666C1.66663 8.46231 1.9827 9.22537 2.54531 9.78798C3.10791 10.3506 3.87098 10.6667 4.66663 10.6667C5.46228 10.6667 6.22534 10.3506 6.78795 9.78798C7.35056 9.22537 7.66663 8.46231 7.66663 7.66666C7.66663 6.87101 7.35056 6.10795 6.78795 5.54534C6.22534 4.98273 5.46228 4.66666 4.66663 4.66666C3.87098 4.66666 3.10791 4.98273 2.54531 5.54534C1.9827 6.10795 1.66663 6.87101 1.66663 7.66666ZM10.3333 7.66666C10.3333 8.46231 10.6494 9.22537 11.212 9.78798C11.7746 10.3506 12.5376 10.6667 13.3333 10.6667C14.1289 10.6667 14.892 10.3506 15.4546 9.78798C16.0172 9.22537 16.3333 8.46231 16.3333 7.66666C16.3333 6.87101 16.0172 6.10795 15.4546 5.54534C14.892 4.98273 14.1289 4.66666 13.3333 4.66666C12.5376 4.66666 11.7746 4.98273 11.212 5.54534C10.6494 6.10795 10.3333 6.87101 10.3333 7.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
