import { c } from 'ttag' ; import { Href } from '../../../link' ; const OutlookContactsInstructions = ( ) => { const knowledgeBaseLink = ( < Href url = "https://protonmail.com/support/knowledge-base/exporting-contacts-from-other-mail-providers/" key = "knowledgeBaseLink" > { c ( 'Import instructions link' ) . t `CSV file` } < /Href>); const outlookContactsMessage = c ( 'Import instructions' ) . jt `To import contacts to Proton, you need a ${ knowledgeBaseLink }. Download it from Outlook in 3 easy steps:` ; const outlookContactsLink = ( < Href url = "https://outlook.live.com/people/" key = "outlookContactsLink" > { c ( 'Import instructions link' ) . t `contacts` } < /Href>); const step1 = c ( 'Import instructions' ) . jt `Open your Outlook ${ outlookContactsLink }` ; const boldManage = < strong key = "boldManage" > { c ( 'Import instructions emphasis' ) . t `Manage` } < /strong>; const step2 = c ( 'Import instructions' ) . jt `Click ${ boldManage } to expand the options menu` ; const boldExportContacts = ( < strong key = "boldExportContacts" > { c ( 'Import instructions emphasis' ) . t `Export contacts` } < /strong>); const step3 = c ( 'Import instructions' ) . jt `Select ${ boldExportContacts } and choose which contacts to export` ; return ( < > < div className = "mb1" > { outlookContactsMessage } < /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 OutlookContactsInstructions ;