// 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 SvgHotelFiveStar = ({
  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="M11.0002 7.33333H7.87476L7.49968 9.33333H9.8441C10.2066 9.33333 10.5005 9.63799 10.5005 10.0139V11.3196C10.5005 11.6955 10.2066 12 9.8441 12H8.1561C7.79356 12 7.49968 11.6953 7.49968 11.3195V10.6667M9.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,
    },
  )
