import { iconVariants } from '../../variants'

import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'

export default function TripadvisorIcon({
  className,
  size = 24,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  const ariaProps = getIconAriaProps(props)

  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      {...props}
      {...ariaProps}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.4535 13.2211C8.4535 14.2532 7.5806 15.0898 6.50383 15.0898C5.42706 15.0898 4.55416 14.2532 4.55416 13.2211C4.55416 12.1891 5.42706 11.3525 6.50383 11.3525C7.58043 11.3517 8.45378 12.1877 8.45453 13.2195V13.2211H8.4535ZM17.4963 11.3525C16.4195 11.3525 15.5466 12.1891 15.5466 13.2211C15.5466 14.2532 16.4195 15.0898 17.4963 15.0898C18.5731 15.0898 19.4459 14.2532 19.4459 13.2211C19.4459 12.1891 18.5731 11.3525 17.4963 11.3525ZM17.4963 16.7858C15.4422 16.7858 13.7771 15.1899 13.7771 13.2211C13.7771 11.2524 15.4422 9.65646 17.4963 9.65646C19.5503 9.65646 21.2154 11.2524 21.2154 13.2211C21.2154 15.1899 19.5503 16.7858 17.4963 16.7858ZM12.0018 13.1184C12.0018 10.7727 10.2206 8.75988 7.87394 7.89842C10.5156 6.84372 13.4873 6.84372 16.1289 7.89842C13.7815 8.7602 12.0018 10.7727 12.0018 13.1184ZM6.50486 16.7858C4.45082 16.7858 2.78568 15.1899 2.78568 13.2211C2.78568 11.2524 4.45082 9.65646 6.50486 9.65646C8.5589 9.65646 10.224 11.2524 10.224 13.2211C10.224 15.1899 8.5589 16.7858 6.50486 16.7858ZM21.2017 9.32816L23 7.45291H19.0133C14.7854 4.69522 9.22834 4.69522 5.00047 7.45291H1.00351L2.80178 9.32816C0.554454 11.2836 0.386546 14.615 2.42675 16.769C4.46695 18.9231 7.94269 19.0839 10.19 17.1285C10.2067 17.1139 10.2233 17.0993 10.2398 17.0846L12.0018 18.9231L13.7627 17.0869C14.7772 17.9904 16.1113 18.4918 17.4963 18.49C20.5314 18.49 22.9942 16.1315 22.9942 13.2225C22.9965 11.7402 22.3455 10.3259 21.2017 9.32816Z"
        fill="#26201E"
      />
    </svg>
  )
}
