// 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 SvgTheaterMask = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.6668 3.33331V1.33331H1.3335V5.14657C1.3335 6.72351 1.90734 8.19558 2.88191 9.33331M6.38232 8.36325C6.52216 7.83958 7.05856 7.52885 7.5805 7.66918C8.10236 7.80945 8.41203 8.34771 8.27223 8.87131M10.116 9.46338C10.2558 8.93971 10.7922 8.62898 11.3141 8.76931C11.836 8.90958 12.1457 9.44785 12.0058 9.97145M14.6668 6.37107L5.84734 3.99998L4.88184 7.61538C4.15446 10.3391 5.31476 13.2166 7.7251 14.6666C10.5351 14.6201 12.974 12.7102 13.7013 9.98645L14.6668 6.37107Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
