"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({
          defaultMessage: "Something went wrong!",
        })}
      </Body>

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