// 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 SvgBrightnessSliderHorizontal = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.3333 14C10.3333 14.3536 10.4738 14.6928 10.7239 14.9428C10.9739 15.1929 11.313 15.3333 11.6667 15.3333C12.0203 15.3333 12.3594 15.1929 12.6095 14.9428C12.8595 14.6928 13 14.3536 13 14M10.3333 14C10.3333 13.6464 10.4738 13.3072 10.7239 13.0572C10.9739 12.8071 11.313 12.6667 11.6667 12.6667C12.0203 12.6667 12.3594 12.8071 12.6095 13.0572C12.8595 13.3072 13 13.6464 13 14M10.3333 14H0M13 14H16M8 0V1.66667M8 10.3333V12M14 6H12.3333M3.66667 6H2M3.75749 1.75749L4.936 2.936M11.0641 9.06413L12.2427 10.2427M12.2427 1.75749L11.0641 2.936M4.936 9.06413L3.75749 10.2427M5.33333 6C5.33333 6.70724 5.61428 7.38552 6.11438 7.88562C6.61448 8.38572 7.29276 8.66667 8 8.66667C8.70724 8.66667 9.38552 8.38572 9.88562 7.88562C10.3857 7.38552 10.6667 6.70724 10.6667 6C10.6667 5.29276 10.3857 4.61448 9.88562 4.11438C9.38552 3.61428 8.70724 3.33333 8 3.33333C7.29276 3.33333 6.61448 3.61428 6.11438 4.11438C5.61428 4.61448 5.33333 5.29276 5.33333 6Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
