import React from "react";
import { useTranslation } from "react-i18next";
import { CheckCircleIcon } from "@phosphor-icons/react";
import * as styles from "./styles";
import { useLeadCapture } from "~/sdks/LeadCapture/context";
export const ConfirmationScreen = () => {
    const { t } = useTranslation("leadCapture");
    const { contactInfo } = useLeadCapture();
    return (React.createElement("div", { className: styles.container },
        React.createElement(CheckCircleIcon, { className: styles.icon }),
        React.createElement("h4", { className: styles.title, "data-testid": "confirmation-screen-title" }, t("contactInfo.confirmationMessage", { email: contactInfo.email })),
        React.createElement("p", { className: styles.instructions }, t("contactInfo.instructions"))));
};
//# sourceMappingURL=index.js.map