// 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 SvgPageSetting = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9 9.66658H15.3333M15.3333 14.6666H9M15.3333 12.1666H9M1.33333 1.33325H6.33333V6.33325H1.33333V1.33325ZM12.1667 1.66659L14.8333 6.33325H9.5L12.1667 1.66659ZM1 12.1666C1 12.918 1.29851 13.6387 1.82986 14.1701C2.36122 14.7014 3.08189 14.9999 3.83333 14.9999C4.58478 14.9999 5.30545 14.7014 5.8368 14.1701C6.36816 13.6387 6.66667 12.918 6.66667 12.1666C6.66667 11.4151 6.36816 10.6945 5.8368 10.1631C5.30545 9.63176 4.58478 9.33325 3.83333 9.33325C3.08189 9.33325 2.36122 9.63176 1.82986 10.1631C1.29851 10.6945 1 11.4151 1 12.1666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
