// 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 SvgAirbnb = ({
  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="M6 9.8856C6 10.3857 6.19866 10.8653 6.55229 11.2189L9.302 13.9687C10.7143 15.381 13.0568 15.1871 14.2177 13.5618C14.9054 12.5991 15.0121 11.3375 14.496 10.2729L10.8725 2.79963C10.3389 1.69896 9.2232 1 8 1C6.7768 1 5.66111 1.69896 5.12745 2.79963L1.50402 10.2729C0.987852 11.3375 1.09458 12.5991 1.78225 13.5618C2.94319 15.1871 5.28567 15.381 6.698 13.9687L9.44773 11.2189C9.80133 10.8653 10 10.3857 10 9.8856C10 8.8442 9.1558 8 8.1144 8H7.8856C6.8442 8 6 8.8442 6 9.8856Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
