// 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 SvgDashboardMixCircleSquare = ({
  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="M1.33325 9.33331H6.66659V14.6666H1.33325V9.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.33325 1.33331H14.6666V6.66665H9.33325V1.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M1.33325 4.16598C1.33325 4.53797 1.40652 4.90632 1.54888 5.24999C1.69123 5.59367 1.89988 5.90594 2.16292 6.16898C2.42596 6.43201 2.73823 6.64067 3.0819 6.78302C3.42558 6.92538 3.79393 6.99865 4.16592 6.99865C4.53791 6.99865 4.90626 6.92538 5.24993 6.78302C5.59361 6.64067 5.90588 6.43201 6.16892 6.16898C6.43195 5.90594 6.64061 5.59367 6.78296 5.24999C6.92532 4.90632 6.99859 4.53797 6.99859 4.16598C6.99859 3.79399 6.92532 3.42564 6.78296 3.08196C6.64061 2.73829 6.43195 2.42602 6.16892 2.16298C5.90588 1.89994 5.59361 1.69129 5.24993 1.54894C4.90626 1.40658 4.53791 1.33331 4.16592 1.33331C3.79393 1.33331 3.42558 1.40658 3.0819 1.54894C2.73823 1.69129 2.42596 1.89994 2.16292 2.16298C1.89988 2.42602 1.69123 2.73829 1.54888 3.08196C1.40652 3.42564 1.33325 3.79399 1.33325 4.16598Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M8.99725 11.832C8.99725 12.5838 9.2959 13.3048 9.82751 13.8364C10.3591 14.368 11.0801 14.6666 11.8319 14.6666C12.5837 14.6666 13.3047 14.368 13.8363 13.8364C14.3679 13.3048 14.6666 12.5838 14.6666 11.832C14.6666 11.0802 14.3679 10.3592 13.8363 9.82757C13.3047 9.29596 12.5837 8.99731 11.8319 8.99731C11.0801 8.99731 10.3591 9.29596 9.82751 9.82757C9.2959 10.3592 8.99725 11.0802 8.99725 11.832Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
