import Caption from "@scandic-hotels/design-system/Caption"
import TripadvisorIcon from "@scandic-hotels/design-system/Icons/TripadvisorIcon"

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="Icon/Interactive/Default" />
        <Caption color="burgundy">{rating}</Caption>
      </div>
    </div>
  )
}