import { Button } from '@proton/components' ; import { c } from 'ttag' ; import EmailUnsubscribeCategories from './EmailUnsubscribeCategories' ; import EmailUnsubscribeLayout from './EmailUnsubscribeLayout' ; interface EmailResubscribedProps { categories : string [ ] ; onUnsubscribeClick : ( ) => void ; onManageClick : ( ) => void ; loading : boolean ; } const EmailResubscribed = ( { categories , onUnsubscribeClick , onManageClick , loading } ) => { const categoriesJsx = < EmailUnsubscribeCategories categories = { categories } />; return ( < EmailUnsubscribeLayout main = { c ( 'Email Unsubscribe' ) . jt `You resubscribed to ${ categoriesJsx } emails.` } footer = { < Button onClick = { onUnsubscribeClick } loading = { loading } > { c ( 'Action' ) . t `Unsubscribe` } < /Button>} below={<Button onClick={onManageClick} shape="link" color="norm"> { c ( 'Action' ) . t `Change other email subscriptions` } < /Button>}/ > ) ; } ; export default EmailResubscribed ;