'use client'
import { jsxs, jsx } from 'react/jsx-runtime';
import { useTranslation } from 'react-i18next';
import { CaptchaWaveIcon } from '@dynamic-labs/iconic';
import { Captcha } from '../Captcha/Captcha.js';
import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
import { Typography } from '../Typography/Typography.js';

const CaptchaChallenge = ({ onSuccess }) => {
    const { t } = useTranslation();
    return (jsxs("div", { className: 'captcha-verify-user__container', children: [jsx(CaptchaWaveIcon, { className: 'captcha-verify-user__icon' }), jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'captcha-verify-user__title', copykey: 'dyn_captcha.verify_user_title', children: t('dyn_captcha.verify_user_title') }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'captcha-verify-user__subtitle', copykey: 'dyn_captcha.verify_user_subtitle', children: t('dyn_captcha.verify_user_subtitle') }), jsx(Captcha, { handleSuccess: onSuccess }), jsx(PoweredByDynamic, { classNameRoot: 'captcha-verify-user__dynamic-logo' })] }));
};

export { CaptchaChallenge };
