import Title from "@/components/Title";
import styles from "./styles.module.css";

interface IAccessCodeAppProps {
  code: string;
}

function AccessCodeApp({ code }: IAccessCodeAppProps) {
  return (
    <div className={styles.container}>
      <div className={styles["header-container"]}>
        <Title className={styles.title} variant="h4">
          Your access code
        </Title>
      </div>
      <div className={styles["code-container"]}>
        <span className={styles.code}>{code}</span>
      </div>
    </div>
  );
}

export default AccessCodeApp;
