\n
\n {subtitle || SubTitleComponent}\n
}\n ;\n};\nexport default StepHeader;","import { useMemo } from 'react';\nimport { TpMessageKeys, useIntl } from '@features/intl';\nexport const SubtitleMessage = ({\n subtitleId,\n defaultSubtitleMessage\n}: {\n subtitleId?: TpMessageKeys;\n defaultSubtitleMessage?: string;\n}) => {\n const intl = useIntl();\n const subtitleMessage = useMemo(() => subtitleId ? intl.formatMessage({\n id: subtitleId,\n defaultMessage: defaultSubtitleMessage\n }, {\n br:\n \n
\n \n
\n We added your reward to your personalized plan. Take the quiz\n to claim it\n
\n } {...props}>\n {currentImage}\n{DATA_IMAGES[currentStep].subtitle}
\n\n By submitting you agree to our Privacy Policy. We respect your privacy\n and are committed to protecting your personal information.\n
\n{item.name}
\n{item.content}
\n\n *Based on the data of users who log their progress in the app\n
\n{subtitle}
\n| \n | \n | \n \n \n \n | \n
|---|---|---|
| \n | \n \n | \n \n | \n
| \n | \n \n | \n \n | \n
| \n | \n \n | \n \n | \n
\n
\n
\n
\n
\n {index === 0 && 'Prevent new age-related changes'}\n {index === 1 && 'Get the first visible changes'}\n {index === 2 && `Get rid of ${changesWorriesMostOption.labelDefaultMessage!.toLowerCase()}`}\n
\n\n +{percent}% compatibility\n
\n\n
\n
\n
{name}
\n\n \n
\n {programNameId ?
\n
84%
\n{subtitle}
\n{progressLabel}
\n \n +{Number.parseFloat(String(progress * 100)).toFixed(0)}%\n \n\n
\n {progress.progress.toFixed(0)}%\n
\n\n
{paragraphText}
\n\n
\n Your challenge will be ready in 15 minutes. Follow the next steps to get\n your personalized plan.\n
\n\n