// 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 SvgInboxSettingGear = ({
  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="M12.946 5.72835V4.39502M7.6665 4.66659H1.6665V16.3333H13.3332V10.4167M1.6665 11.6667H5.1665C5.1665 12.9553 6.21117 14 7.49984 14C8.7885 14 9.83317 12.9553 9.83317 11.6667H13.3332M14.0815 7.49255L13.6852 8.33953H12.2052L11.809 7.49182L11.3675 7.23688L10.4353 7.31721L9.6953 6.03549L10.2316 5.26809V4.75911L9.69564 3.99162L10.4356 2.7099L11.368 2.79063L11.8092 2.53596L12.2052 1.68831H13.6852L14.0817 2.53537L14.5239 2.79074L15.4554 2.7099L16.1954 3.99162L15.6603 4.75803L15.6602 5.26956L16.1957 6.03549L15.4557 7.31721L14.5241 7.23703L14.0815 7.49255Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
