// 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 SvgRecordingTapeBubbleSquare = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.68334 9.33334C6.24131 9.33334 5.81739 9.15775 5.50482 8.84519C5.19226 8.53263 5.01667 8.1087 5.01667 7.66668C5.01667 7.22465 5.19226 6.80073 5.50482 6.48817C5.81739 6.1756 6.24131 6.00001 6.68334 6.00001C7.12536 6.00001 7.54929 6.1756 7.86185 6.48817C8.17441 6.80073 8.35 7.22465 8.35 7.66668C8.35 8.1087 8.17441 8.53263 7.86185 8.84519C7.54929 9.15775 7.12536 9.33334 6.68334 9.33334ZM6.68334 9.33334H12.0167M12.0167 9.33334C11.7978 9.33334 11.5811 9.29023 11.3789 9.20648C11.1767 9.12272 10.9929 8.99995 10.8382 8.84519C10.6834 8.69042 10.5606 8.50669 10.4769 8.30448C10.3931 8.10227 10.35 7.88555 10.35 7.66668C10.35 7.22465 10.5256 6.80073 10.8382 6.48817C11.1507 6.1756 11.5746 6.00001 12.0167 6.00001C12.4587 6.00001 12.8826 6.1756 13.1952 6.48817C13.5077 6.80073 13.6833 7.22465 13.6833 7.66668C13.6833 7.88555 13.6402 8.10227 13.5565 8.30448C13.4727 8.50669 13.3499 8.69042 13.1952 8.84519C13.0404 8.99995 12.8567 9.12272 12.6545 9.20648C12.4523 9.29023 12.2355 9.33334 12.0167 9.33334ZM15.6667 1.33334H3.00002V10.7179L1.93335 15.0667L6.28206 14H15.6667V1.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
