import { c } from 'ttag' ; import { Href } from '../../../link' ; const OutlookMailInstructions = ( ) => { const appPasswordLink = ( < Href url = "https://protonmail.com/support/knowledge-base/allowing-imap-access-and-entering-imap-details/" key = "appPasswordLink" > { c ( 'Import instructions link' ) . t `app password` } < /Href>); const outlookAppPasswordMessage = c ( 'Import instructions' ) . jt `To import emails to Proton, you need an ${ appPasswordLink } from Outlook. Get it by following these steps:` ; const securitySettingsLink = ( < Href url = "https://account.live.com/proofs/manage/additional/" key = "securitySettingsLink" > { c ( 'Import instructions link' ) . t `security settings` } < /Href>); const step1 = c ( 'Import instructions' ) . jt `Go to Outlook.com ${ securitySettingsLink }` ; const step2 = c ( 'Import instructions' ) . t `If 2-step verification is off, turn it on` ; const boldAppPassword = ( < strong key = "boldAccountSecurity" > { c ( 'Import instructions emphasis' ) . t `app password` } < /strong>); const step3 = c ( 'Import instructions' ) . jt `Generate an ${ boldAppPassword } and use it in place of your regular password when prompted by Proton` ; return ( < > < div className = "mb1" > { outlookAppPasswordMessage } < /div> < ol className = "pl1 ml2 mr2" > < li className = "mb0-5" > { step1 } < /li> < li className = "mb0-5" > { step2 } < /li> < li className = "mb0-5" > { step3 } < /li> < /ol> < />); } ; export default OutlookMailInstructions ;