"use client"
import { usePathname } from "next/navigation"
import { useIntl } from "react-intl"

import Link from "@scandic-hotels/design-system/Link"

import { isWebview } from "@/constants/routes/webviews"

import CustomerSupport from "./CustomerSupport"

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

export default function Cancelled() {
  const intl = useIntl()
  const pathname = usePathname()
  return (
    <>
      {/* (S) TODO - Link to where?? */}
      {!isWebview(pathname) && (
        <Link className={styles.link} href="#">
          {intl.formatMessage({
            defaultMessage: "Rebook",
            id: "myStay.referenceCard.actions.rebook",
          })}
        </Link>
      )}

      <CustomerSupport />
    </>
  )
}
