// 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 SvgSunsetB = ({
  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="M7.99984 0V1.66667M0.666504 6.66667H2.33317M13.6665 6.66667H15.3332M2.81437 1.4812L3.99288 2.65971M13.1852 1.4812L12.0068 2.65971M4.6665 13C4.6665 13.9205 5.4127 14.6667 6.33317 14.6667C7.25364 14.6667 7.99984 13.9205 7.99984 13M4.6665 13C4.6665 13.9205 3.92031 14.6667 2.99984 14.6667C2.07936 14.6667 1.33317 13.9205 1.33317 13V12.6667M4.6665 13V12.6667M7.99984 13C7.99984 13.9205 8.74604 14.6667 9.6665 14.6667C10.587 14.6667 11.3332 13.9205 11.3332 13M7.99984 13V12.6667M11.3332 13C11.3332 13.9205 12.0794 14.6667 12.9998 14.6667C13.9203 14.6667 14.6665 13.9205 14.6665 13V12.6667M11.3332 13V12.6667M4.6665 9C4.6665 9.92047 5.4127 10.6667 6.33317 10.6667C7.25364 10.6667 7.99984 9.92047 7.99984 9M4.6665 9C4.6665 9.92047 3.92031 10.6667 2.99984 10.6667C2.07936 10.6667 1.33317 9.92047 1.33317 9V8.66667M4.6665 9V8.66667M7.99984 9C7.99984 9.92047 8.74604 10.6667 9.6665 10.6667C10.587 10.6667 11.3332 9.92047 11.3332 9M7.99984 9V8.66667M11.3332 9C11.3332 9.92047 12.0794 10.6667 12.9998 10.6667C13.9203 10.6667 14.6665 9.92047 14.6665 9V8.66667M11.3332 9V8.66667M11.9998 7.33333C11.9998 5.12419 10.209 3.33333 7.99984 3.33333C5.7907 3.33333 3.99984 5.12419 3.99984 7.33333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
