// 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 SvgSnowFlake = ({
  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="M6.00008 0.666748L8.00008 2.66675M8.00008 2.66675L10.0001 0.666748M8.00008 2.66675V6.00008M6.00008 15.3334L8.00008 13.3334M8.00008 13.3334L10.0001 15.3334M8.00008 13.3334V10.0001M8.00008 6.00008L6.00019 8.00008M8.00008 6.00008L10.0001 8.00008M10.0001 8.00008H13.3334M10.0001 8.00008L8.00008 10.0001M13.3334 8.00008L15.3334 6.00008M13.3334 8.00008L15.3334 10.0001M8.00008 10.0001L6.00019 8.00008M6.00019 8.00008H2.66675M2.66675 8.00008L0.666748 6.00008M2.66675 8.00008L0.666748 10.0001M9.00008 7.00008L11.3334 4.66675M11.3334 4.66675L11.3334 2.66675M11.3334 4.66675L13.3334 4.66675M7.00008 9.00008L4.66675 11.3334M4.66675 11.3334L2.66675 11.3334M4.66675 11.3334L4.66675 13.3334M7.00008 7.00008L4.66675 4.66675M4.66675 4.66675L4.66675 2.66675M4.66675 4.66675L2.66675 4.66675M11.3334 13.3334V11.3334M11.3334 11.3334H13.3334M11.3334 11.3334L9.00008 9.00008"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
