// 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 SvgDiceEmpty = ({
  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="M4.00004 3.99999L12 12M1.33337 14.6667V1.33333H14.6667V14.6667H1.33337ZM4.66671 7.99999C4.66671 8.88405 5.0179 9.7319 5.64302 10.357C6.26814 10.9821 7.11599 11.3333 8.00004 11.3333C8.88409 11.3333 9.73194 10.9821 10.3571 10.357C10.9822 9.7319 11.3334 8.88405 11.3334 7.99999C11.3334 7.11594 10.9822 6.26809 10.3571 5.64297C9.73194 5.01785 8.88409 4.66666 8.00004 4.66666C7.11599 4.66666 6.26814 5.01785 5.64302 5.64297C5.0179 6.26809 4.66671 7.11594 4.66671 7.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
