// 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 SvgClassLesson = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00008 1.66669H16.3334L16.3333 11H9.66675M3.00008 17V12.6667H1.66675V9.6667C1.66675 8.19396 2.86065 7.00003 4.33341 7.00003H11.6667M7.66675 9.00003V17M7.00008 3.33336C7.00008 3.77539 6.82449 4.19931 6.51193 4.51188C6.19937 4.82444 5.77544 5.00003 5.33341 5.00003C4.89139 5.00003 4.46746 4.82444 4.1549 4.51188C3.84234 4.19931 3.66675 3.77539 3.66675 3.33336C3.66675 2.89134 3.84234 2.46741 4.1549 2.15485C4.46746 1.84229 4.89139 1.6667 5.33341 1.6667C5.77544 1.6667 6.19937 1.84229 6.51193 2.15485C6.82449 2.46741 7.00008 2.89134 7.00008 3.33336Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
