import React , { FC , ReactElement , useContext , memo } from 'react' ; import { I18nContext } from '@contexts/i18n' ; import LanguageSwitcher from '@layouts/main/LanguageSwitcher' ; import { StyledFooter } from './Footer.styled' ; const Footer = ( ) : ReactElement => { const { t } = useContext ( I18nContext ) ; return ( < StyledFooter > < div className = "content" > < LanguageSwitcher /> < div className = "copyright" > & copy ; { new Date ( ) . getFullYear ( ) } ContentPI . com < /div> < nav className = "rightOptions" > < ul > < li > < a href = "#" > { t ( 'Blog' ) } < /a> < /li> < li > < a href = "#" > { t ( 'Documentation' ) } < /a> < /li> < li > < a href = "#" > { t ( 'Contact' ) } < /a> < /li> < /ul> < /nav> < /div> < /StyledFooter>); } ; export default memo ( Footer ) ;