// 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 SvgRecordingTape = ({
  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="M13.6666 7.66666C13.6666 9.25796 13.0345 10.7841 11.9093 11.9093C10.784 13.0345 9.25792 13.6667 7.66663 13.6667C6.07533 13.6667 4.5492 13.0345 3.42399 11.9093C2.29877 10.7841 1.66663 9.25796 1.66663 7.66666C1.66663 6.07536 2.29877 4.54923 3.42399 3.42402C4.5492 2.2988 6.07533 1.66666 7.66663 1.66666C9.25792 1.66666 10.784 2.2988 11.9093 3.42402C13.0345 4.54923 13.6666 6.07536 13.6666 7.66666ZM13.6666 7.66666V15C13.6666 15.7364 14.2636 16.3333 15 16.3333C15.7364 16.3333 16.3333 15.7364 16.3333 15V13.3333M6.16663 7.66666C6.16663 7.86364 6.20542 8.05869 6.28081 8.24068C6.35619 8.42267 6.46668 8.58803 6.60597 8.72732C6.74525 8.8666 6.91061 8.97709 7.0926 9.05248C7.27459 9.12786 7.46964 9.16666 7.66663 9.16666C7.86361 9.16666 8.05866 9.12786 8.24065 9.05248C8.42264 8.97709 8.588 8.8666 8.72729 8.72732C8.86657 8.58803 8.97706 8.42267 9.05244 8.24068C9.12783 8.05869 9.16663 7.86364 9.16663 7.66666C9.16663 7.46967 9.12783 7.27462 9.05244 7.09263C8.97706 6.91064 8.86657 6.74528 8.72729 6.606C8.588 6.46671 8.42264 6.35622 8.24065 6.28084C8.05866 6.20545 7.86361 6.16666 7.66663 6.16666C7.46964 6.16666 7.27459 6.20545 7.0926 6.28084C6.91061 6.35622 6.74525 6.46671 6.60597 6.606C6.46668 6.74528 6.35619 6.91064 6.28081 7.09263C6.20542 7.27462 6.16663 7.46967 6.16663 7.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
