import { useIntl } from "react-intl"

import { useMyStayStore } from "@/stores/my-stay"

import Row from "./Row"

export default function Terms() {
  const intl = useIntl()

  const cancellationText = useMyStayStore(
    (state) => state.bookedRoom.rateDefinition.cancellationText
  )

  if (!cancellationText) {
    return null
  }

  return (
    <Row
      icon="contract"
      text={cancellationText}
      title={intl.formatMessage({
        defaultMessage: "Terms",
      })}
    />
  )
}