import { c } from 'ttag' ; import { Href } from '../../../link' ; const YahooCalendarInstructions = ( ) => { const knowledgeBaseLink = ( < Href url = "https://protonmail.com/support/knowledge-base/import-calendar-to-protoncalendar/" key = "knowledgeBaseLink" > { c ( 'Import instructions link' ) . t `ICS file` } < /Href>); const yahooCalendarMessage = c ( 'Import instructions' ) . jt `To import a calendar to Proton, you need the ${ knowledgeBaseLink }. Download it from Yahoo in 3 easy steps:` ; const calendarViewLink = ( < Href url = "https://calendar.yahoo.com/" key = "calendarViewLink" > { c ( 'Import instructions link' ) . t `full calendar view` } < /Href>); const step1 = c ( 'Import instructions step' ) . jt `Go to ${ calendarViewLink } in Yahoo Mail` ; const step2 = c ( 'Import instructions step' ) . t `Mouse over the calendar you want to import and open the dropdown menu` ; const boldExport = < strong key = "boldExport" > { c ( 'Import instructions emphasis' ) . t `Export` } < /strong>; const step3 = c ( 'Import instructions step' ) . jt `Select ${ boldExport } to export the calendar as an ICS file` ; return ( < > < div className = "mb1" > { yahooCalendarMessage } < /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 YahooCalendarInstructions ;