"use client"

import { useIntl } from "react-intl"

import Button from "@/components/TempDesignSystem/Button"
import Body from "@/components/TempDesignSystem/Text/Body"

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

import type { RetryProps } from "@/types/components/hotelReservation/bookingConfirmation/rooms/linkedReservation"

export default function Retry({ handleRefetch }: RetryProps) {
  const intl = useIntl()
  return (
    <div className={styles.retry}>
      <Body>{intl.formatMessage({ id: "Something went wrong!" })}</Body>

      <Button size={"small"} onPress={handleRefetch}>
        {intl.formatMessage({ id: "Try again" })}
      </Button>
    </div>
  )
}
