web/components/HotelReservation/TripAdvisorChip/index.tsx

import { TripAdvisorIcon } from "@/components/Icons"
import Caption from "@/components/TempDesignSystem/Text/Caption"

import styles from "./tripAdvisorChip.module.css"

import type { TripAdvisorProps } from "@/types/components/hotelReservation/tripAdvisorProps"

export default function TripAdvisorChip({ rating }: TripAdvisorProps) {
  return (
    // Wrapping the chip in a transparent container with some padding to increase the touch target
    <div className={styles.container}>
      <div className={styles.tripAdvisor}>
        <TripAdvisorIcon color="burgundy" />
        <Caption color="burgundy">{rating}</Caption>
      </div>
    </div>
  )
}