// 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 SvgVideoCloseCaptioning = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.99995 6.66683V5.91683C6.99995 5.59466 6.73875 5.3335 6.41661 5.3335H4.91662C4.59445 5.3335 4.33329 5.59466 4.33329 5.91683L4.33328 8.75016C4.33328 9.0723 4.59445 9.3335 4.91661 9.3335H6.41661C6.73881 9.3335 6.99995 9.0723 6.99995 8.75016V8.00016M11.6666 6.66683V5.91683C11.6666 5.59466 11.4054 5.3335 11.0833 5.3335H9.58328C9.26115 5.3335 8.99995 5.59466 8.99995 5.91683V8.75016C8.99995 9.0723 9.26108 9.3335 9.58328 9.3335H11.0833C11.4055 9.3335 11.6666 9.0723 11.6666 8.75016V8.00016M14.6666 1.3335V13.3335H3.99995L1.33328 14.8535L1.33325 1.3335H14.6666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
