// 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 SvgCertifiedDiploma = ({
  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="M8.00008 11.3334L11.3334 14.6667L12.3334 12.3334L14.6667 11.3334L11.3334 8.00002M10.3571 5.643C11.6589 6.94475 11.6589 9.05529 10.3571 10.357C9.05535 11.6588 6.94481 11.6588 5.64306 10.357M10.3571 5.643C9.05535 4.34125 6.94481 4.34125 5.64306 5.643C4.34131 6.94475 4.34131 9.05529 5.64306 10.357M10.3571 5.643C10.9626 6.24853 11.2866 7.02909 11.3288 7.82182L14.8335 5.16669L10.8335 1.16669L8.17848 4.67143C8.97121 4.71361 9.75155 5.03747 10.3571 5.643ZM5.64306 10.357C6.24859 10.9626 7.02915 11.2866 7.82188 11.3288L5.16675 14.8335L1.16675 10.8335L4.67149 8.17842C4.71367 8.97115 5.03753 9.75149 5.64306 10.357Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
