import Title from "@/components/Title";
import styles from "./styles.module.scss";
import { useTranslations } from "@/hooks/translations";
import { ELocalesPlacement } from "@/locales";
import CopyCode from "../CopyCode";

function EnterCode(props: React.HTMLAttributes<HTMLDivElement>) {
    const { translate } = useTranslations(ELocalesPlacement.CompatibilityV3);

    return (
        <div className={styles.container} {...props}>
            <Title className={styles.title}>
                {translate("/try-app.enter-code-title")}
            </Title>
            <CopyCode variant="black" />
        </div>
    );
}

export default EnterCode;
