// 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 SvgSlack = ({
  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="M11.9998 9.00002V1.66669H8.99984V9.00002M11.9998 9.00002H8.99984M11.9998 9.00002H13.4998C14.3282 9.00002 14.9998 8.32842 14.9998 7.50002C14.9998 6.67159 14.3282 6.00002 13.4998 6.00002C12.6714 6.00002 11.9998 6.67159 11.9998 7.50002V9.00002ZM8.99984 9.00002H5.99984M8.99984 9.00002V16.3334H5.99984V9.00002M8.99984 9.00002V12M8.99984 9.00002H16.3332V12H8.99984M8.99984 9.00002V6.00002M8.99984 9.00002H1.6665V6.00002H8.99984M5.99984 9.00002H4.49984C3.67141 9.00002 2.99984 9.67162 2.99984 10.5C2.99984 11.3284 3.67141 12 4.49984 12C5.32826 12 5.99984 11.3284 5.99984 10.5V9.00002ZM8.99984 12V13.5C8.99984 14.3284 9.67144 15 10.4998 15C11.3282 15 11.9998 14.3284 11.9998 13.5C11.9998 12.6716 11.3282 12 10.4998 12H8.99984ZM8.99984 6.00002V4.50002C8.99984 3.67159 8.32824 3.00002 7.49984 3.00002C6.67141 3.00002 5.99984 3.67159 5.99984 4.50002C5.99984 5.32845 6.67141 6.00002 7.49984 6.00002H8.99984Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
