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

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

type TripAdvisorProps = {
  rating: number
}

export 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>
  )
}