// 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 SvgFileBlock = ({
  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="M9.00008 16.3333H16.3334V4.99996L13.0001 1.66663H4.33341V8.33329M6.78807 15.4546C7.33096 14.9117 7.66675 14.1617 7.66675 13.3333C7.66675 11.6764 6.3236 10.3333 4.66675 10.3333C3.83832 10.3333 3.08832 10.6691 2.54543 11.212M6.78807 15.4546C6.24517 15.9975 5.49517 16.3333 4.66675 16.3333C3.00989 16.3333 1.66675 14.9902 1.66675 13.3333C1.66675 12.5049 2.00253 11.7549 2.54543 11.212M6.78807 15.4546L2.54543 11.212"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
