// 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 SvgSnowFlakeCross = ({
  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="M7.00008 1.66675L9.00008 3.66675M9.00008 3.66675L11.0001 1.66675M9.00008 3.66675V9.00008M7.00008 16.3334L9.00008 14.3334M9.00008 14.3334L11.0001 16.3334M9.00008 14.3334V11.6667M9.00008 9.00008L14.3334 9.00008M9.00008 9.00008L12.3334 5.66675M14.3334 9.00008L16.3334 7.00008M14.3334 9.00008L16.3334 11.0001M3.66675 9.00008H6.33342M3.66675 9.00008L1.66675 7.00008M3.66675 9.00008L1.66675 11.0001M12.3334 5.66675L12.3334 3.66675M12.3334 5.66675L14.3334 5.66675M5.66675 12.3334L7.66675 10.3334M5.66675 12.3334H3.66675M5.66675 12.3334L5.66675 14.3334M1.47144 1.47144L16.5287 16.5287"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
