// 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 SvgLayerMask = ({
  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="M1.66675 2H16.3334V14H1.66675V2Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M5.66675 8C5.66675 8.88405 6.01794 9.7319 6.64306 10.357C7.26818 10.9821 8.11603 11.3333 9.00008 11.3333C9.88414 11.3333 10.732 10.9821 11.3571 10.357C11.9822 9.7319 12.3334 8.88405 12.3334 8C12.3334 7.11595 11.9822 6.2681 11.3571 5.64298C10.732 5.01786 9.88414 4.66667 9.00008 4.66667C8.11603 4.66667 7.26818 5.01786 6.64306 5.64298C6.01794 6.2681 5.66675 7.11595 5.66675 8Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
