// 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 SvgButtonsDown = ({
  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.00005 12V13.3333M5.90405 3.28467C5.90405 3.84056 6.12488 4.37369 6.51796 4.76676C6.91103 5.15984 7.44416 5.38067 8.00005 5.38067C8.55595 5.38067 9.08907 5.15984 9.48215 4.76676C9.87523 4.37369 10.0961 3.84056 10.0961 3.28467C10.0961 2.72877 9.87523 2.19565 9.48215 1.80257C9.08907 1.4095 8.55595 1.18867 8.00005 1.18867C7.44416 1.18867 6.91103 1.4095 6.51796 1.80257C6.12488 2.19565 5.90405 2.72877 5.90405 3.28467ZM12.7161 5.904C12.1602 5.904 11.627 6.12483 11.234 6.51791C10.8409 6.91098 10.6201 7.44411 10.6201 8C10.6201 8.55589 10.8409 9.08902 11.234 9.4821C11.627 9.87517 12.1602 10.096 12.7161 10.096C13.2719 10.096 13.8051 9.87517 14.1981 9.4821C14.5912 9.08902 14.8121 8.55589 14.8121 8C14.8121 7.44411 14.5912 6.91098 14.1981 6.51791C13.8051 6.12483 13.2719 5.904 12.7161 5.904ZM5.90405 12.7153C5.90405 13.2712 6.12488 13.8044 6.51796 14.1974C6.91103 14.5905 7.44416 14.8113 8.00005 14.8113C8.55595 14.8113 9.08907 14.5905 9.48215 14.1974C9.87523 13.8044 10.0961 13.2712 10.0961 12.7153C10.0961 12.1594 9.87523 11.6263 9.48215 11.2332C9.08907 10.8402 8.55595 10.6193 8.00005 10.6193C7.44416 10.6193 6.91103 10.8402 6.51796 11.2332C6.12488 11.6263 5.90405 12.1594 5.90405 12.7153ZM3.28472 5.904C2.72883 5.904 2.1957 6.12483 1.80262 6.51791C1.40955 6.91098 1.18872 7.44411 1.18872 8C1.18872 8.55589 1.40955 9.08902 1.80262 9.4821C2.1957 9.87517 2.72883 10.096 3.28472 10.096C3.84061 10.096 4.37374 9.87517 4.76682 9.4821C5.15989 9.08902 5.38072 8.55589 5.38072 8C5.38072 7.44411 5.15989 6.91098 4.76682 6.51791C4.37374 6.12483 3.84061 5.904 3.28472 5.904Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
