// 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 SvgHotelThreeStar = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.65676 9.66666H9.84416C10.2067 9.66666 10.5006 9.9712 10.5006 10.3471V11.3195C10.5006 11.6953 10.2067 12 9.84416 12H8.15636C7.7939 12 7.5 11.6953 7.5 11.3195V10.6667M9.65676 9.66666C10.0193 9.66666 10.313 9.36206 10.313 8.98619V8.01386C10.313 7.638 10.0192 7.33333 9.65663 7.33333H8.3439C7.98143 7.33333 7.68756 7.63803 7.68756 8.01386V8.66666M9.65676 9.66666H8.66683M9.04903 2.41711L9.00016 2.33333L8.9513 2.41711C7.48228 4.93541 5.12003 6.80927 2.3335 7.66666C4.20773 9.54093 5.02126 12.2278 4.50144 14.8269L4.3335 15.6667C7.30063 14.3281 10.6997 14.3281 13.6668 15.6667L13.4989 14.8269C12.979 12.2278 13.7926 9.54093 15.6668 7.66666C12.8803 6.80927 10.518 4.93541 9.04903 2.41711Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
