"use client"

import { useIntl } from "react-intl"

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

export function UserNotFound() {
  const intl = useIntl()

  return (
    <div className={styles.container}>
      <div className={styles.content}>
        <h1 className={styles.header}>
          {intl.formatMessage({
            id: "userNotFound.title",
            defaultMessage: "User not found",
          })}
        </h1>
        <div className={styles.pitch}>
          <p className={styles.text}>
            {intl.formatMessage({
              id: "userNotFound.contactCustomerService",
              defaultMessage: "Please try again or contact customer service!",
            })}
          </p>
        </div>
      </div>
    </div>
  )
}